您的位置:首页 > Web前端 > JavaScript

JavaScript DOM 中利用通配符匹配元素

2016-06-15 15:21 459 查看
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<div id="demo">
<ul>
<li>123</li>
<li>123</li>
<li>123</li>
<li>123</li>
</ul>
<a href=#>123</a>
<a href=#>456</a>
<span>147</span>
<span>258</span>
</div>
<script>
var d=document.getElementById("demo");
var tag=d.getElementsByTagName("*");
alert(tag.length);
</script>
</body>
</html>


var d=document.getElementById("demo");

var tag=d.getElementsByTagName("*");

利用通配符匹配ID为demo下面的所有元素

也可以直接写为:document.getElementById("demo").getElementsByTagName("*")

前面的一种写法更加便捷,推荐用前面 的一种。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: