码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-09-20 21:11:05      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:

描述:

  与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="#" name="myName">链接</a>
      <span name="myName">文字</span>
      <br />
      <input type="button" value="获取" onclick="getDomsByName();">
    </p>
</body>

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

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

标签:

原文地址:http://www.cnblogs.com/hanxuming/p/5890310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!