Como dijiste, aprendiste JS y HTML por separado. Lo cual no es posible si completó un capítulo sobre DOM. Así que supongo que te saltaste eso. Sin preocupaciones.
Considere DOM como una estructura de árbol de su documento HTML. Y todo ese árbol está disponible para usted a través del objeto ‘documento’.
En ese objeto de documento, puede llamar a ciertos métodos para cargar cualquier nodo del árbol DOM en la memoria de esta manera,
- ¿Qué hace que php apesta?
- Al entrar en el desarrollo de la pila completa usando la pila .NET, ¿qué se debe saber en términos de conceptos, además de la programación OO, para obtener un trabajo?
- ¿Cuál es una buena introducción al proyecto de programación web moderna que un estudiante de MBA podría hackear solo con un libro de O'Reilly o dos? (¿Construir una aplicación para iPhone, sitio web funcional basado en bases de datos?)
- ¿Existe un beneficio real y tangible en la programación front-end y back-end en el mismo idioma (como en Node.js)?
- En Django, ¿cómo puedo acceder a la base de datos de una aplicación en un archivo Python diferente para fines de cálculo?
var box = document.getElementById (‘myBox’);
El fragmento anterior busca en su documento un elemento con id como ‘myBox’ y carga ese objeto en la variable ‘box’.
Una vez que tenga listo su nodo en la variable de cuadro, tendrá acceso a múltiples propiedades y métodos para que pueda hacer cosas como ver su contenido html, obtener su nombre de clase y otras cosas interesantes como esa. Al igual que,
var content = box.innerHTML;
document.getElementById (‘anotherBox’). innerHTML = content;
El fragmento anterior cargará el contenido del elemento ‘myBox’ y lo colocará en la variable de contenido. (Por contenido me refiero al texto escrito). Y luego pondría ese contenido en un elemento con id ‘anotherBox’.
Para comenzar, recomendaría buscar en Google manipulaciones DOM usando JS. Feliz codificación
Tener una buena.
ACTUALIZAR
Cambió las comillas para que pueda pegar el código directamente en la consola.