js获取标签的几种方式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js获取标签的几种方式相关的知识，希望对你有一定的参考价值。
一：id获取（全部浏览器兼容）
document.getElementById("");
<body>
<div id="box"></div>
</body>
<script>
var box = document.getElementById("box");
</script>
getElementById,它只有document对象才能使用，而且返回的是数组的第一个元素，他的方法名写明了是getElement不是getElements，不要搞混了。
以下几种获取的是元素的集合，是一个数组，所以引用的时候，记得加上下标：索引号
二：标签获取（全部浏览器兼容）
document.getElementsByTagName("");
<body>
<p>标签获取</p>
</body>
<script type="text/javascript">
var ps = document.getElementsByTagName("p");
ps[0].onclick = function(){
alert("标签获取");
};
</script>
三：name获取（ie9及ie9以下不兼容）
<body>
<div name="box">name获取</div>
</body>
<script type="text/javascript">
var boxs = document.getElementsByName("box");
boxs[0].onclick = function(){
alert("name获取");
};
</script>
四：className获取（ie9及ie9以上支持）
<body>
<div class="box">className获取</div>
</body>
<script type="text/javascript">
var boxs = document.getElementsByClassName("box");
boxs[0].onclick = function(){
alert("className获取");
};
</script>
一个根据父元素查找classname的兼容方法
以上是关于js获取标签的几种方式的主要内容，如果未能解决你的问题，请参考以下文章