美文网首页
dom知识点

dom知识点

作者: 蘑菇酱960903 | 来源:发表于2018-05-16 17:45 被阅读0次

获取:
动态集合:document.getElementsByTagName()--HTMLCollection / document.childNodes
静态集合:document.querySelectorAll()---NodeList
区别:
动态集合会随着dom元素的增加删除而变化
静态集合不会(但是如果dom元素中的内容发生变化会跟着变化,只不过在增加删除dom节点方面不会发生变化)
原因:静态集合是对dom节点的克隆而形成的一个对象,而动态集合对象是一个dom节点的索引

扩展:
类数组:NodeList(返回包含node节点的12中节点) / arguments / HTMLCollection(只返回元素节点) / NodedNameMap(属性节点的集合)
类数组转换成真正的数组方法:

  1. Array.prototype.slice.call(array-like)
  2. Array.from(array-like, [mapfn], [thisArg])
  3. ...array-like

相关文章

  • 30进阶:把 jQuery 加到简历里

    1. 无缝轮播 实现方法一: 知识点---1 知识点---2 知识点---3 2. DOM事件模型 DOM事件的开...

  • 5-2 DOM本质

    5-2 DOM本质 DOM:document object model DOM操作 题目 知识点 解答 题目 DO...

  • javascript基础系列:DOM相关的技术知识点

    javascript基础系列:DOM相关的技术知识点 DOM及其基础操作 DOM: document object...

  • 前端DOM知识点

    前端DOM知识点 DOM即文档对象模型(Document Object Model,DOM)是一种用于HTML和X...

  • 前端知识点之DOM 事件类

    知识点:--DOM 事件的级别--DOM 事件模型和事件流--Event 对象的常见应用--自定义事件 DOM 事...

  • DOM,DOCUMENT; BOM,WINDOW

    这几个知识点,你真的都吃透了吗? # 先说 DOM: DOM 全称是 Document Object Model,...

  • 前端知识点总结——DOM

    前端知识点总结——DOM 1.什么是DOM: Document Object Model 什么是: 专门操作网页内...

  • react学习(4)

    知识点 1:关于虚拟DOM 本质上是object对象,即一般对象。 虚拟dom比较‘轻’,真实dom比较'重',因...

  • DOM事件知识点

    这篇文章主要是总结一些DOM事件的基础知识点。 DOM事件的级别 DOM3是鼠标 键盘这些事件 DOM事件模型 捕...

  • JS--DOM拓展

    关于DOM的内容实在是太丰富了,前面我们简单的介绍了DOM中关于DOM特性和内容还有DOM节点相关的知识点。其实主...

网友评论

      本文标题:dom知识点

      本文链接:https://www.haomeiwen.com/subject/vawpdftx.html