El Modelo de Objetos de Documento (DOM) del W3C es una plataforma y una interfaz de lenguaje neutral que permite que los programas y scripts accedan y actualicen dinámicamente el contenido, la estructura y el estilo de un documento.
En el DOM, todos los elementos HTML se definen como objetos .
- La interfaz de programación son las propiedades y métodos de cada objeto.
- Una propiedad es un valor que puede obtener o establecer (como cambiar el contenido de un elemento HTML).
- Un método es una acción que puede realizar (como agregar o eliminar un elemento HTML).
Ejemplo:
<html><body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
alert(document.getElementById("demo").innerHTML);
</script></body>
</html>
getElementById método para encontrar el elemento "demo" en el documento.
innerHTML propiedad para cambiar o mostrar el contenido del elementos HTML