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
