Page Title


El documento object y la selección de una porción de HTML



Descargar 1.27 Mb.
Página22/40
Fecha de conversión21.06.2020
Tamaño1.27 Mb.
1   ...   18   19   20   21   22   23   24   25   ...   40

El documento object y la selección de una porción de HTML

El objeto de documento representa todo el documento HTML (raíz) cuando se carga por la ventana del navegador. Propone muchos métodos para apuntar una parte como por ejemplo:



var​ node1 ​=​document​.​getElementById​(​"​demo​"​)​; // #demo var​ node2

​=​document​.​querySelector​(​"​p​"​)​; ​// The first p found


GetElementByID y querySelector respectivamente devuelven el id correspondiente y solo la primera ocurrencia encontrada o nula en los casos opuestos.
var ​nodeList1 ​=​document​.​getElement​sByClassName​(​"​demo​"​)​;
​// .demo var​ nodeList2 ​=​document​.​getElementsByTagName​(​"​p​"​)​;​​
// All the p var ​nodeList3 ​=​document​.​querySelectorAll​(​"​p​"​)​; ​
// All the p

Estos métodos devuelven una lista de nodos (lista de nodos) que tiene la propiedad .length a cuyos índices se accede a través de los corchetes [], por lo que se puede recorrer a través de un bucle (loop). Sin embargo, esto no es una matriz.

Tenga en cuenta que para los selectores CSS complejos, el método .querySelector todavía no es mejor que las bibliotecas específicas como jQuery ni en términos de rendimiento ni en términos de facilidad de uso. Además, desde su concepción, algunas personas (como John Resig) han criticado su implementación.




Compartir con tus amigos:
1   ...   18   19   20   21   22   23   24   25   ...   40


La base de datos está protegida por derechos de autor ©odont.info 2019
enviar mensaje

    Página principal