Document Object Model DOM operaciones contenido de la etiqueta adquirido
una, el objeto adquirida por una etiqueta de valor de atributo ID (sólo obtener un objeto etiqueta)
document.getElementById ( 'id valor de atributo')
// Obtener etiqueta de identificación pestaña al objeto div1 var oDiv1 = document.getElementById ( 'div1' ); // div1 salida Identificación del ID de contenido de la etiqueta console.log (oDiv1);
En segundo lugar, la etiqueta obtenida por el valor del atributo de clase de objeto
document.getElementsByClassName ( 'valor de atributo de clase')
detrás de los elementos tiene s representa un complejo puede seleccionarse de la clase de todo, en todos los js CLASSNAME clase definida, no puede ser forEach (circular)
var oDiv2 = document.getElementsByClassName ( 'div2' ); // clase de salida es que todos los datos Div2 la console.log (oDiv2); // los datos de salida de la primera div2 la console.log (oDiv2 [0 ]); // Output div2 segundos datos console.log (oDiv2 [1]);
En tercer lugar, el acceso a la etiqueta de objetos por nombre de etiqueta
document.grtElementsByTagName ( 'etiquetas de nombre)
adquirieron también una matriz de maniquí no puede ser forEach () bucle
var oDiv3 = document.getElementsByTagName ( 'div' ); // los datos de salida para todas las etiquetas son div2 la console.log (oDiv3); // salida del segundo datos div console.log (oDiv3 [1]);
En cuarto lugar, el objeto adquirida por el neme Tag
document.getElementByname
adquirió también una matriz de maniquí no puede ser forEach () bucle
var oDiv4 = document.getElementByname ( 's' ); // // salida todo nombre etiquetas es s datos console.log (oDiv4); // // nombre de salida etiqueta es S segundos datos console.log (oDiv4 [1]);
la etiqueta de especificaciones, la adquisición V. sintaxis objetos
document.querySelector () // obtener cualificado primera etiqueta
document.querySelectorAll () // obtener todas las etiquetas de clasificación
adquiridos es una matriz, de bucle puede ser forEach () sin embargo, la versión de baja no es compatible con las anteriores dos maneras, es decir,
// Obtener el ID de la etiqueta de contenido div1 var oQuery1 = document.querySelector ( '# div1' ); // div1 salida contenido etiqueta de identificación de la console.log (oQuery1); // Obtener la etiqueta clase de contenido div2 var oQuery2 document.querySelector = ( 'Div2.' ); // salida etiqueta de clase al contenido div1 de la console.log (oQuery2); // ser obtenido por las etiquetas de nombre, adquiere solamente la primera etiqueta div var oQuery3 = documento. querySelector ( 'div' ); // etiqueta de salida contenido etiqueta div la console.log (oQuery3); // obtener todas las etiquetas para div etiqueta var oQuery4 = document.querySelectorAll ( 'div' ); // salida todas las etiquetas una matriz de div, console.log (oQuery4); //Obtener todos los nombres de valor de atributo s etiqueta de var oQuery5 = document.querySelectorAll ( '[name = "s"]' ); // nombre de salida de matrices valor de atributo de la console.log (oQuery5); // obtener el valor de tipo de atributo es texto etiquetas var oQuery6 = document.querySelectorAll ( '[type = "text"]' ); // salida de tipo matriz de atributos al texto la console.log (oQuery6); // también puede obtener a través de la etiqueta li ul en la estructura de la etiqueta, var oQuery7 = document.querySelectorAll ( 'UL> Li' ); la console.log (oQuery7);
Nota:
A, el tiempo que admite la sintaxis sintaxis selector CSS bien, hijo, Hijos, hermanos .... soportes
B, son dos formas de obtener un pseudo-matriz, pero una serie de adquisición de contenidos, diferente
C, si se desea ciclo, tratar de utilizar un bucle, no es fácil ir mal