Document Object Model (DOM)

Document Object Model (DOM)
El objeto document hace referencia a determinadas características de la página, como son su color de fondo (bgColor), el color de su enlaces, etc.
El código que se muestra a continuación carga una imagen dependiendo de la elección que haga el usuario.
A continuación vemos un ejemplo que permite conectar código a los eventos de la página web. El primero de ellos simplemente muestra una ventana de alerta, mientras que el segundo va modificando de forma aleatoria la imagen que se carga
Acceso a elementos
• document.querySelector()
• document.querySelectorAll()
Acceso a elementos clásico
• document.getElementById()
• document.getElementsByName()
• document.getElementsByTagName()
• document.getElementsByClassName()
Creación de elementos
• document.createElement()
• document.appendChild()
• Manipulación de elementos
• element.innerHTML
• element.classList
o add
o remove
• element.style