Comment implémenter une liste Nodelist Dom en boucle à l'aide de JS

Cet article présente principalement 4 façons d'implémenter la liste Nodelist Dom en boucle dans JS natif et analyse les techniques de fonctionnement courantes de la boucle javascript via la liste Nodelist Dom en fonction d'exemples spécifiques. Les amis dans le besoin peuvent s'y référer

. Les exemples de cet article décrivent 4 façons d'implémenter une liste Nodelist Dom en boucle dans JS natif. Je le partage avec vous pour votre référence. Les détails sont les suivants :

function $(id) {
 return document.getElementById(id);
}
var _PAGE = {
 timeListDom: $('timeList')
};
var spanDoms = _PAGE.timeListDom.querySelectorAll('span'), domLen = spanDoms.length;
// 第一种方式：原生for循环
for (var i = 0; i < domLen; i++) {
 var v = spanDoms[i];
 // do something you want deal with DOM
}
// 第二种方式：Array 的 forEach函数
Array.prototype.forEach.call(spanDoms, function(v) {
 // do something you want deal with DOM
});
// 第三种方式：Array 的 forEach函数
[].forEach.call(spanDoms, function(el) {
 // do something you want deal with DOM
 el.classList.remove(&#39;active&#39;);
});
// 第四种方式：继承Array 的 forEach函数
NodeList.prototype.forEach = Array.prototype.forEach;
spanDoms.forEach(function(v) {
 // do something you want deal with DOM
});

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles associés :

Comment utiliser les modèles Jade dans vue

Passer des modèles aux composants dans Angular

Utilisation des fonctions Async et Await dans Node.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!