Luke's home Luke's home
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Luke xiao

K
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • javascript

    • 基础知识
    • 进阶知识

    • 函数

    • JS HTML DOM

      • Dom简介
      • Dom操作
      • Dom事件
      • Dom监听
      • DOM 元素 (节点)
      • Dom集合
      • Dom节点列表
        • HTMLCollection 与 NodeList 的区别
    • JS 高级教程

    • 浏览器BOM

    • HTML5新特性

    • CSS3新特性

  • 布局

  • less

  • js库

  • 前端
  • javascript
  • JS HTML DOM
lukexiao
2021-05-04

Dom节点列表

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

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

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

var myNodeList = document.querySelectorAll("p");
1

# HTMLCollection 与 NodeList 的区别

pcoll=document.querySelectorAll("p")

plist=document.getElementsByTagName("p")
1
2
3

以上 pcoll 返回的就是固定的值。

而获取 plist 后, 若 html 页面有变化且刚好添加或移除了 p 标签, 此时plist也会跟着变。

编辑 (opens new window)
上次更新: 2021/08/13, 23:21:49
Dom集合
JavaScript prototype(原型对象)

← Dom集合 JavaScript prototype(原型对象)→

最近更新
01
流式布局
08-13
02
flex布局
08-13
03
rem布局
08-13
更多文章>
Theme by Vdoing | Copyright © 2021-2021 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式