创建一个HTMLCollection是指在JavaScript中创建一个包含HTML文档中所有具有特定标签名的元素的集合。HTMLCollection对象是一个类数组集合,它可以通过索引或名称访问其元素。
以下是创建一个HTMLCollection的示例代码:
// 创建一个HTMLCollection,包含所有的<p>元素
var paragraphs = document.getElementsByTagName("p");
// 输出HTMLCollection的长度
console.log(paragraphs.length);
// 通过索引访问HTMLCollection中的元素
console.log(paragraphs[0]);
// 通过名称访问HTMLCollection中的元素
console.log(paragraphs.namedItem("myParagraph"));
需要注意的是,HTMLCollection对象是实时的,这意味着如果在文档中添加或删除匹配的元素,HTMLCollection对象会自动更新。因此,如果你需要在一段时间内保存一个不变的元素集合,最好将HTMLCollection转换为数组或NodeList对象。
// 将HTMLCollection转换为数组
var paragraphsArray = Array.from(paragraphs);
// 将HTMLCollection转换为NodeList
var paragraphsNodeList = document.querySelectorAll("p");
sectionRowIndex 返回该表格行在其所在元素(,等元素)的索引值 前言
我们平常说的查找元素 和 节点到底有什么区别?为什么有时候返回HTMLCollection ,有时候返回NodeList?
HTMLCollection 和 NodeList 的区别又是什么?带着这些问题进入本篇的学习。
节点与元素
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
整个文档是一个文档节点
每个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点
以下示例
document.all是IE 4.0及以上版本的专有属性,是一个表示当前文档的所有对象的娄组,不仅包括页面上可见的实体对象,还包括一些不可见的对象,比如html注释等等。在document.all数组里面,元素不分层次,是按照其在文档中出现的先后顺序,平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象,比如document.all[“element”]这样。
document.layers是Netscape 4.x专有的属性,是一个代表所有由储如 Document接口表示任何在浏览器中载入的网页,并作为网页内容的入口,也就是DOM树。DOM树包含了像<body>、 领取专属 10元无门槛券 手把手带您无忧上云JavaScript 学习-28.元素与节点(HTMLCollection 和 NodeList)
document.all的详细解释(document.all基本上所有浏览器可用!)
Document对象
JavaScript DOM操作表格及样式
标签是HTML中结构最为复杂的一个,可以通过DOM来创建生成它(比较麻烦),或者HTML DOM来操作它。
//需要操作的table
姓名
性别
年龄
<tr汤高
男
20
扫码
相关资讯
活动推荐