Domina
DOM: modelo de objeto de documento;
nodo
Nodo de elemento: el átomo del DOM es el nodo del elemento. Elementos como <body>, <p>, <ul>, etc. Los elementos pueden contener otros elementos. El único elemento que no está incluido en el otro elemento es el elemento <html>
Nodo de texto: en documentos XHTML, los nodos de texto siempre se incluyen dentro de los nodos de elementos.
Nodo de atributo: los nodos de atributo se utilizan para dar descripciones más específicas de elementos. Por ejemplo, casi todos los elementos tienen un atributo de título, y podemos usar este atributo para describir con precisión lo que está contenido en el elemento:
<p> No olvides comprar estas cosas. </p>
En el DOM, Title = "Un recordatorio gentil" es un nodo de atributo.
CSS
Obtener elementos
GetElementById, GetElementsByTagName, GetElementsByClassName tres métodos para obtener nodos de elementos.
GetElementsBytagName permite un comodín como su parámetro, lo que significa que cada elemento en el documento tendrá un lugar en la matriz devuelto por la función. Los comodines ("*") deben ser cotizaciones, lo que debe ser diferente de las operaciones de multiplicación.
También puede usar GetElementByID y GetElementsBytagName. Como se muestra a continuación:
La copia del código es la siguiente:
var compras = document.getElementById ("compra");
VAR elementos = Comprar.getElementsBytagName ("*");
De esta manera, puede obtener cuántos elementos contiene el elemento con el valor del atributo de identificación.
El método GetElementsByClassName solo es compatible con los navegadores más nuevos. Para compensar esto, los programadores de script DOM deben usar los métodos DOM existentes para implementar sus propios GetElementsByClassName. En la mayoría de los casos, su proceso de implementación es aproximadamente similar al siguiente GetElementsByClassName:
La copia del código es la siguiente:
función getElementsByClassName (node, classname) {
if (node.getElementsByClassName) {
return node.getElementsByClassName (className);
}demás{
resultados var = new Array ();
var elems = node.getElementsByTagName ("*");
para (var i = 0; i <elems.length; i ++) {
if (elems [i] .classname.indexof (classname)! = -1) {
Resultados [resultado.length] = Elems [i];
}
}
resultados de devolución;
}
}
La función GetElementsByClassName acepta dos parámetros. El primer nodo representa el punto de partida de búsqueda en el árbol DOM, y el segundo nombre de clase es el nombre de clase a buscar.
Obtener y establecer propiedades
getAttribute es una función que tiene solo un parámetro: el nombre del atributo que planea consultar:
La copia del código es la siguiente:
Object.getAttribute (atributo)
setAttribute () nos permite modificar el valor del nodo de atributo. Después de modificar el documento a través de SetAttribute, al ver el código fuente del documento a través de la opción de origen de la vista del navegador, lo que ve seguirá siendo el valor de propiedad anterior, es decir, las modificaciones realizadas por SetAttribute no se reflejarán en el código fuente del documento en sí. Este fenómeno de "inconsistente por dentro y fuera" proviene del modo de trabajo de DOM: primero cargue el contenido estático del documento, luego actualiza dinámicamente, la actualización dinámica no afecta el contenido estático del documento. Este es el poder real de DOM: actualizar el contenido de la página sin actualizar la página en el navegador.