Excelente pregunta
Como principiante lo sé
HTML es marcado que es tonto. Es un montón de texto, nada más. Entonces, cómo diablos identificaré Elementos en el HTML y lo modificaré.
- ¿Qué debo aprender primero, HTML o Python?
- ¿Qué proyecto puedo hacer solo con HTML y CSS? Recientemente soy nuevo en programación.
- ¿El alojamiento web en la nube es bueno para sitios web dinámicos?
- ¿Por qué los desarrolladores de sitios web están tan interesados en eliminar funciones de su producto?
- ¿Cuál es la pila de tecnología de Lever?
Ahora alguien podría decir.
¿Por qué quieres modificarlo?
Entonces, hola, despierta MATE, dormiste como 28 años.
O, ¿por qué no se encarga HTML o el navegador?
Bueno … en parte lo hace!
Pero volviendo a tu pregunta,
DOM es rescatar
Cuando se recibe HTML en el navegador a través de la respuesta del servidor.
El analizador HTML lo analiza al Modelo de objetos de documento. El modelo HTML DOM se construye como un árbol de objetos.
Luego, con la ayuda de DOM API, que forman parte de las API web en el navegador. Podemos acceder a elementos en HTML.
Ahora se puede acceder a este objeto DOM a través de javascript. ¡Agradecidamente! **suspiro**
Con DOM:
- JavaScript puede cambiar todos los elementos HTML en la página
- JavaScript puede cambiar todos los atributos HTML en la página
- JavaScript puede cambiar todos los estilos CSS en la página
- JavaScript puede eliminar elementos y atributos HTML existentes
- JavaScript puede agregar nuevos elementos y atributos HTML
- JavaScript puede reaccionar a todos los eventos HTML existentes en la página
- JavaScript puede crear nuevos eventos HTML en la página
Ahora preguntarías “Está bien, esto tiene sentido, pero ¿cómo haría ESO?”
El ejemplo más simple sería:
El método getElementById :
document.getElementById (“demo”). innerHTML = “¡Hola mundo!”;
Lo ves,
El código es HTML y script Java,
JS:
document.getElementById (“demo”). innerHTML = “¡Hola mundo!”;
Estoy accediendo al elemento con la identificación ‘demo’ (que es la etiqueta p aquí) y luego ya que es un objeto (bajo DOM). Tiene la propiedad de innerHTML que establecerá el contenido de “¡Hola Mundo!” En el párrafo.
Así es como DOM funciona con javascript.
Espero que tenga sentido 🙂