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 a un gran programador de C # MVC? ¿Qué tipo de habilidades lo separan de un programador mal pagado?
- ¿Cuáles son buenos recursos o cursos para Test Driven Development (TDD) para Javascript completo (Front-End y Node.js / Express)?
- ¿Es mejor tener CSS minimizado que tener un CSS bonito y bien formado en un entorno de producción?
- ¿Cuál es el mejor curso de lenguaje HTML, CSS en aplicaciones móviles?
- ¿Puede alguien decirme qué tipo de empresa de desarrollo web en Singapur es mejor para su servicio?
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.