定义和用法
length 属性返回 HTMLCollection 对象中元素的数量。
该属性是只读的。
该属性在循环 HTMLCollection 对象时很有用。
语法
HTMLCollection.length返回值
返回一个数字，表示 HTMLCollection 对象中元素的数量。
实例
循环输出所有 class=”myclass 的元素并修改它们的背景颜色：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>
<h1>HTMLCollection item() 方法</h1>
<p>第一个 p 元素</p>
<p class="myclass">第二个 p 元素</p>
<p class="myclass">第三个 p 元素</p>
<p>点击按钮修改所有 class="myclass" 元素的内容并添加背景颜色:</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
var x, i;
x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
}
</script>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/domtips/3767.html
支付宝 
微信 