HTML DOM nodos
En el DOM HTML (Document Object Model), todo es un nodo :
- El documento en sí es un nodo de documento
- Todos los elementos HTML son nodos de elementos
- Todos los atributos HTML son nodos atributo
- El texto dentro de los elementos HTML son los nodos de texto
- Los comentarios son nodos de comentarios
El Document Object
Cuando un documento HTML se carga en un navegador web, se convierte en un objeto de documento .
El objeto del documento es el nodo raíz del documento HTML y el "dueño" de todos los demás nodos:
(nodos elemento, nodos de texto, nodos atributo y nodos comentario).
(nodos elemento, nodos de texto, nodos atributo y nodos comentario).
El objeto documento proporciona propiedades y métodos para acceder a todos los objetos de nodo, desde dentro JavaScript.
Consejo: El documento es una parte del objeto Window y se puede acceder como window.document.
Es decir desde Javascript Puedo obtener y manipular la pagina web entera...mmmmmm ahhh....eso explica.... todas esas ventanas y cambios que aparecen...... con razón... ahora si... mientras más te conozca mas podre dominarte :)
Ejemplo:
<html>
<body>
<figure id="myFigure">
<img src="/tags/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
<p>Click para obtener el Id del elemento FIGURE</p>
<button onclick="myFunction()">Haz Clic</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myFigure").id;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Notar como se obtuvo el id del elemento FIGURE cambiando el contenido del párrafo con ID ="demo", dando como resultado myFigure
ahhhhh entonces puedo hacer .......,así es .... se puede hacer, pruébalo e imagina que tantas cosas más se pueden hacer...
:)
No hay comentarios:
Publicar un comentario