首页前端开发HTMLJavaScirpt基础 之 JavaScript HTML DOM 集合(Collection) 二

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

时间2023-07-09 13:46:01发布访客分类HTML浏览862
导读:JavaScirpt基础 之 JavaScript HTML DOM 集合(Collection 二 JavaScript HTML DOM 集合(Collection DOM 集合的使用。 HTMLCollection 对象 l...

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 个段落。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: JavaScirpt基础 之 JavaScript HTML DOM 集合(Collection) 二
本文地址: https://pptw.com/jishu/298647.html
html中引入调用另一个html文件 开心档之 Vue5

游客 回复需填写必要信息