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的兼容方法

 

posted on 2016-03-26 21:17  银古酱  阅读(12876)  评论(0)  编辑  收藏  举报

导航