首页 > 代码库 > DOM操作-根据name获取网页中的全部复选框

DOM操作-根据name获取网页中的全部复选框

描述:

  与id不同,多个元素可以使用相同的name属性,如果需要获取这一类元素的DOM对象,就需要使用getElementsByName()函数

代码:

——————————————————————————————————————————

   <script>
      //获取多个DOM
      function getDomsByName(){
        //获取的DOMS
        var doms = document.getElementsByName("myName");
        var str = ‘‘;
        for(var i=0;i<doms.length;i++){
          str +=doms[i].tagName; //拼接标签的名字
          str += ",";
        }
        alert("两个DOM的标签是" + str);
      }
    </script>

——————————————————————————————————————————

  <body>
    <p>
      <!--定义有name属性的元素-->
      <a href="http://www.mamicode.com/#" name="myName">链接</a>
      <span name="myName">文字</span>
      <br />
      <input type="button" value="http://www.mamicode.com/获取" onclick="getDomsByName();">
    </p>
</body>

—————————————————————————————————————————— 

DOM操作-根据name获取网页中的全部复选框