javaScript归纳总结之Dom获取集合元素对象

本篇文章给大家带来了关于javascript的相关知识，其中主要介绍了DOM获取集合元素对象的相关问题，可以使用for或for…of循环迭代集合中的元素对象，以操控其属性和方法，下面一起来看一下，希望对大家有帮助。

【相关推荐：javascript视频教程、web前端】

获取集合中的元素对象

节点集合是节点（索引从0开始）组成的集合

使用for或for…of循环迭代集合中的元素对象，以操控其属性和方法。

//在if条件表达式中写出：orderCheckbox元素对象集合中的元素节点的个数大于0 if(orderCheckboxs.length>0) {   // 使用普通的for循环迭代orderCheckboxs元素对象集合中的每个元素对象   for(let i=0;i<orderCheckboxs.length;i++){     // 在.前面用item(n)方式获取元素对象集合的元素对象。     orderCheckboxs.item(i).checked= true;     // 在.前面用[]方式获取元素对象集合的元素对象。     orderCheckboxs[i].parentElement.className= 'item-selected';   }

//用一下箭头函数哈 selectAll.onchange= (e) => {   // 下面的语句是循环体，使用for…of循环迭代orderCheckboxs元素对象集合，循环变量是ele   for(let ele of orderCheckboxs){       ele.checked= e.target.checked;       if(e.target.checked) {         ele.parentElement.classList.add('item-selected');       } else {         ele.parentElement.classList.remove('item-selected');       }   } };