El DOM es básicamente una API utilice para interactuar con el documento, y está disponible en muchos idiomas como una biblioteca (JS es uno de esos idiomas). El navegador convierte todo el HTML en su página web a un árbol basado en el anidamiento. Pop abre Firebug y mira la estructura HTML. Ese es el árbol del que estoy hablando.
Si desea cambiar cualquier código HTML, puede interactuar con la API DOM para hacerlo.
<html>
<head><script src="file.js"></script></head>
<body>blah</body>
</html>
En file.js
I puede hacer referencia al cuerpo usando:
onload = function() {
document.getElementsByTagName('body')[0].style.display='none';
}
El getElementsByTagName
es un método del objeto document
. Estoy manipulando el elemento body
, que es un elemento DOM. Si quería recorrer y encontrar decir, un lapso que puedo hacer esto:
onload = function() {
var els = document.getElementsByTagName('*');
for (var i = els.length; i--;) {
if (els[i].nodeType == 1 && els[i].nodeName.toLowerCase() == 'span') {
alert(els[i])
}
}
}
estoy atravesando la lista de nodos devueltos por getElementsByTagName en el fragmento anterior, y en busca de un lapso basado en la propiedad nodeName
.
Las respuestas a continuación son en donde está. Sin embargo, aquí hay una analogía. Con respecto al desarrollo del front end del sitio web. Puedes pensar en DOM como los materiales de construcción que usas para construir un edificio. Los marcos, como jQuery, y los patrones de diseño son los planos personalizables para su edificio. El IDE y el software para construir son sus herramientas. El idioma es su especialidad (albañil, carpintería). –