Staff en línea

[recursos] [javascript] como acceder a los elementos en una lista
Tema iniciado por y Añadir a favoritos

staff
Para no usar jQuery, sino mantener el uso exclusivo de javascript puro o vanilla, al momento de acceder a los elementos de una lista usamos las siguientes opciones

Usamos loops, el primer caso for var

Código:

var divs = document.querySelectorAll('div'), len = divs.length;

for (var i=0; i<len; i++) {
    divs[i].style.color = "green";
}
Como se puede ver, la longitud de NodeList se determina antes del bucle. Este enfoque es más rápido que usar divs.length dentro de la instrucción for, ya que de lo contrario la longitud sería leída repetidamente para cada iteración.


Un loop while () inverso es un enfoque alternativo, incluso más eficiente y también implica menos código:

Código:

var divs = document.querySelectorAll('div'), i = divs.length;
while (i--) {
    divs[i].style.color = "green";
}

o de manera similar a utilizar .each de jQuery esta forEach:

Código:
var divs = document.querySelectorAll('div');

[].forEach.call(divs, function(item) {
    item.style.color = "green";
});

Si alguien quiere profundizar más en el tema con gusto les explico los métodos [recursos] [javascript] como acceder a los elementos en una lista 569027737
Chalo
Chalo

¿Que estoy pensando? :

jugando con un ping de 999 [table class=fecha_up][td]Se modifico:25/05/20 - 10:57 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/ikntDYIh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7134


Puntos :

9266


Me gusta :

1063


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.