JavaScirpt基础 之 JavaScript HTML DOM 集合(Collection) 二

简介: JavaScript HTML DOM 集合(Collection)

JavaScirpt基础 之 JavaScript HTML DOM 集合(Collection) 二

JavaScript HTML DOM 集合(Collection)

DOM 集合的使用。

HTMLCollection 对象 length 属性

HTMLCollection 对象的 length 属性定义了集合中元素的数量。

举例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript HTML DOM</title>
</head>
<body>

<h2>JavaScript HTML DOM</h2>

<p>Hello World!</p>

<p>JavaScript HTML DOM</p>

<p id="demo"></p>

<script>
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = "文档包含" + myCollection.length + " 个段落。";
</script>

</body>
</html>

结果

JavaScript HTML DOM
Hello World!

JavaScript HTML DOM

文档包含3 个段落。
目录
相关文章
|
2月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
2月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
28天前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中,文档中的所有内容都被视为节点。整个文档是一个文档节点,每个 HTML 元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。DOM 将文档表示为节点树,节点之间有父子和同胞关系。
|
28天前
|
JavaScript
HTML DOM 节点
HTML DOM(文档对象模型)将HTML文档视为节点树,其中每个部分都是节点:文档本身是文档节点,HTML元素是元素节点,元素内的文本是文本节点,属性是属性节点,注释是注释节点。节点间存在父子及同胞关系,形成层次结构。
|
2月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
20 5
|
2月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 集合(Collection)
JavaScript HTML DOM 集合(Collection)
28 4
|
前端开发 开发者
HTML+CSS+JS 学习笔记(二)———CSS
HTML+CSS+JS 学习笔记(二)———CSS
188 0
|
移动开发 前端开发 搜索推荐
HTML+CSS+JS 学习笔记(一)———HTML(上)
HTML+CSS+JS 学习笔记(一)———HTML(上)
118 0
HTML+CSS+JS 学习笔记(一)———HTML(上)
|
存储 JavaScript 前端开发
HTML+CSS+JS 学习笔记(三)———Javascript(中)
HTML+CSS+JS 学习笔记(三)———Javascript(中)
|
存储 编解码 JavaScript
HTML+CSS+JS 学习笔记(三)———Javascript(上)
HTML+CSS+JS 学习笔记(三)———Javascript(上)

热门文章

最新文章

下一篇
无影云桌面