首页 > 编程语言 >JavaScript HTML DOM 节点列表

JavaScript HTML DOM 节点列表

时间:2022-09-23 17:55:06浏览次数:56  
标签:元素 NodeList HTMLCollection DOM JavaScript HTML 集合 节点

NodeList 对象是一个从文档中获取的节点列表 (集合) 。

所有浏览器的 childNodes 属性返回的是 NodeList 对象。

大部分浏览器的 querySelectorAll() 返回 NodeList 对象。

HTMLCollection 与 NodeList 的区别:

HTMLCollection是 HTML 元素的集合.

NodeList 是一个文档节点的集合。

NodeList 与 HTMLCollection 都与数组对象有点类似,可以使用索引 (0, 1, 2, 3, 4, ...) 来获取元素。

NodeList 与 HTMLCollection 都有 length 属性。

HTMLCollection 元素可以通过 name,id 或索引来获取。

NodeList 只能通过索引来获取。

只有 NodeList 对象有包含属性节点和文本节点。

querySelectorAll()getElementsByTagName()两者的主要区别就是返回值。前者返回的是NodeList集合,后者返回的是HTMLCollection集合。其前者是一个静态集合,后者是一个动态集合。

其中动态集合和静态集合的最大区别在于:动态集合指的就是元素集合会随着DOM树元素的增加而增加,减少而减少;静态集合则不会受DOM树元素变化的影响。

标签:元素,NodeList,HTMLCollection,DOM,JavaScript,HTML,集合,节点
From: https://www.cnblogs.com/MDRY/p/16723616.html

相关文章

  • JavaScript 之 扩展知识
    扩展知识: 1.JavaScript的应用     2.浏览器内核[WebKit]由 WebCore和  JavaScriptCore组成WebCore:负责HTML解析,布局,渲染......
  • JavaScript HTML DOM 集合(Collection)
    Collection对象:getElementsByTagName()方法返回htmlCollection对象。此对象包含html元素的一个数组 length属性:元素的数量。此属性常用于遍历集合中的元素使用......
  • JavaScript HTML DOM 元素 (节点)
    创建新的元素节点-appendChild():appendChild()方法:将元素添加到尾部创建新的元素节点-insertBefore():insertBefore()方法,将元素添加到开始位置移除已存在的元素:需要知......
  • HTML5 Canvas
    HTMLCanvas创建一个画布<canvasid="mycanvas"width="200"height="200"style="border:1pxsolid#000000"></canvas>用于图形的绘制,通过javascript完成画布是一......
  • JavaScript HTML DOM EventListener
    可向指定元素添加事件句柄添加的句柄不会覆盖已存在的事件句柄可向一个元素添加多个事件句柄可向同个元素添加多个同类型的事件句柄,如两个“click”事件向DOM对象添加......
  • Random类
    Random()Random类的作用是生成随机数importjava.util.Random;publicclassRandomDemo1{publicstaticvoidmain(String[]args){Randomr=newRan......
  • JavaScript
    JavaScript的组成ECMAScript : 定义语言规范DOM: 操作文档的APIBOM: 操作浏览器的API......
  • JavaScript 对象
    1.创建对象对象以键值对的方式进行存储,是一组无序的相关属性和函数方法的集合,可以通过键(属性名)访问这些值。在JavaScript中所有东西都是对象。字面量创建varobj=......
  • JavaScript变量
    1.变量的使用 (1)声明变量      (2)输出变量 控制台打印输出结果 、2.案例练习(1)变量案例  输入代码 在控制台显示结果:  (2)变量案......
  • JavaScript HTML DOM 事件
    对事件做出反应:当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交HTML表单时当用户触发按键时用户点击改变内容:......