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

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

JavaScript HTML DOM 集合(Collection)

DOM 集合的使用。

HTMLCollection 对象

getElementsByTagName() 方法返回 HTMLCollection 对象。

HTMLCollection 对象类似包含 HTML 元素的一个数组。

以下代码获取文档所有的

元素：

举例

!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 = "第二个段落的内容为:span style='color:red;
    '>
     " + myCollection[1].innerHTML + '/span>
    ';
    
/script>
    

/body>
    
/html>
    

结果

JavaScript HTML DOM
Hello World!

JavaScript HTML DOM

第二个段落的内容为: JavaScript HTML DOM

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