dom知识点

获取:
动态集合: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

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 1,155评论 0 7
  • DOM IE中的所有DOM对象都是以COM对象的形式实现的。 节点层次 DOM可以将任何HTML或XML文档描绘成...
    EdmundChen阅读 836评论 1 1
  • 基本概念 DOM DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Ob...
    许先生__阅读 471评论 0 1
  • DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许我们添加、移除和修改页...
    养了个喵阅读 204评论 0 0
  • DOM DOM( Document Object Model),文档对象模型,DOM可以以一种独立于平台和语言的方...
    WANG_M阅读 50评论 0 0