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

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

获取集合中的元素对象

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

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

立即学习“Java免费学习笔记（深入）”；

//在if条件表达式中写出：orderCheckbox元素对象集合中的元素节点的个数大于0
if(orderCheckboxs.length>0) {
  // 使用普通的for循环迭代orderCheckboxs元素对象集合中的每个元素对象
  for(let i=0;i
//用一下箭头函数哈
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');
      }
  }
};
一般推荐用for..of循环
*****了解下面两个获取元素对象集合的方法。
document(或element).getElementsByClassName('class值') 
 返回文档火元素后代中class属性为参数的所有元素对象集合。参数只能为HTML元素class属性值(即类名)。

							

								
								

									Civitai
									
AI艺术分享平台！海量SD资源和开源模型。
								
								下载 
							
						
 document(或element).getElementsByTagName('标签名')
 返回文档或元素后代中标签名为参数的所有元素对象集合。参数只能为HTML元素的标签名.
const orders= document.getElementsByClassName('order');
const input= document.getElementsByTagName('input');
遍历节点
会将空白符文本节点当做子节点，parentNode除外，未找到返回null


属性
说明


parentNode
返回当前节点的父节点


firstChild
返回当前节点的第一个子节点


lastChild
返回当前节点的最后一个子节点


nextSibling
返回当前节点的下一个同胞节点


previousSibling
返回当前节点的上一个同胞节点


代码例子：

123
快捷支付

  

    
开通
    
下单
  

遍历元素节点
元素对象的只读性，只遍历元素节点（忽略文本等节点），未找到为null


只读属性
说明


parentElement
返回元素的父元素节点


firstElementChild
返回元素的第一个子元素节点


lastElementChild
返回元素最后一个子元素节点


nextElementSibling
返回元素的下一个同胞元素节点


previousElementSibling
返回元素的上一个同胞元素节点


123
快捷支付

  

    
开通
    
下单
  


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