87,907
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<title>01节点访问.html</title>
<script type="text/javascript">
function run() {
var arr = document.getElementsByTagName("li");
for ( var i in arr) {
alert(arr[i]);
}
}
</script>
</head>
<body>
<ul id = "langue">
<li>hello</li>
<li>java</li>
<li>android</li>
</ul>
<input type = "button" value = "点击获取" onclick="run()"/>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>01节点访问.html</title>
<script type="text/javascript">
</script>
</head>
<body>
<ul id="langue">
<li>hello</li>
<li>java</li>
<li>android</li>
</ul>
<script type="text/javascript">
var arr = document.getElementsByTagName("li");
for (var i in arr) {
console.info( i, arr[i] );
}
/*
输出:
0 <li>hello</li>
1 <li>java</li>
2 <li>android</li>
length 3
item function item() { [native code] }
namedItem function namedItem() { [native code] }
说明:
document.getElementsByTagName("li") 获取到的是一个类数组对象NodeList,
它是一个对象而不是真正的数组, 所以,通过for/in语法遍历也会输出它继承过来的属性和方法
*/
/*
你可以使用for循环来遍历数组以及类数组对象
*/
for ( var i = 0; i < arr.length; i++ ) {
console.info( arr[ i ] );
}
</script>
</body>
</html>