生活明朗,万物可爱?
document.getElementsByTagName()用法
document.getElementsByTagName()
[另一种写法]:node.document.getElementsByTagName()
[注] 从node节点开始,找出所有符合条件的元素节点。
[作用]:获取当前页面上所有符合该标签名标准的元素节点
[参数]:标签名
[返回值]:一个装有符合条件的元素节点的数组
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>了解Dom_byTagName</title>
<script type="text/javascript">
/* document.getElementsByTagName()
[另一种写法]:node.document.getElementsByTagName()
[注] 从node节点开始,找出所有符合条件的元素节点。
[作用]:获取当前页面上所有符合该标签名标准的元素节点
[参数]:标签名
[返回值]:一个装有符合条件的元素节点的数组
*/
window.onload=function(){
// 获取当前页面上所有的li标签
// var li=document.getElementsByTagName("li");
// alert(li);一个数组类型
// alert(li.length);/* 输出当前数组的长度 结果为8 */
// 获取ul下的所有li标签
var ul2=document.getElementById("ul1");
var li1=ul2.getElementsByTagName("li");
// alert(li1.length);输出4
// 输出内容
for(var i=0;i<li1.length;i++){
// alert(li1[i].innerHTML);输出内容 tttt wwww yyyyy lllll
// alert(li1[i].innerHTML);
// alert(li1.item(i).innerHTML);
}
}
</script>
</head>
<body>
<ul id="ul1">
<li>tttt</li>
<li>wwww</li>
<li>yyyy</li>
<li>llll</li>
</ul>
<ol>
<li>11111</li>
<li>22222</li>
<li>33333</li>
<li>44444</li>
</ol>
</body>
</html>