HTMLCollection和NodeList

//HTMLCollection获取

//document.getElementsByTagName('标签名'); //得到的是一个类数组HTMLCollection,没有pop(), push()或join()的方法

//HTML DOM节点列表(NodeList)

var myNodeList = document.querySelectorAll('p');

console.log('myNodeList:',myNodeList);

//HTMLCollection

var collList = document.getElementsByTagName('p');

console.log('collList:',collList);

//获取所有节点(HTMLCollection)

var allList = document.getElementsByTagName('*');

console.log('所有节点:',allList);

//HTMLDocument还有一个方法,根据标签name值获取所有对象(NodeList),主要是用在单选按钮选定上

var getNameList = document.getElementsByName('testname');

console.log('name节点:',getNameList);


//HTMLCollection与NodeList差别

//不同点

// HTMLCollection是HTML元素的集合

// NodeList是文档节点的集合

//HTMLCollection可以使用索引,name,id获取 ,可以使用namedItem方法根据标签name属性值获取对象

//NodeList只能通过索引值来获取元素

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,163评论 0 21
  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,716评论 0 7
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,110评论 1 10
  • 关于前端性能优化问题详解 出处:http://segmentfault.com/blogs 前端性能优化指南 AJ...
    bennnnn阅读 1,620评论 2 4
  • using System; using System.Collections.Generic; using Sys...
    追魂_409e阅读 142评论 0 0