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

描述：

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

代码：

<!DOCTYPE html>
<html>
    <head>
        <title>根据name获取多个元素</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <script type="text/javascript">
            //获取多个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>
    </head>
    <body style="text-align:center">
        <p>
            <!-- 定义有name属性的元素 -->
            <a name="myName" href="#">链接</a>
            <span name="myName">文字</span>
            <br/>
            <input type="button" value="获取" onclick="getDomsByName();"/>
        </p>
    </body>
</html>

 

posted @ 2016-09-20 20:45  承载梦想-韩旭明  阅读(832)  评论(0)  编辑  收藏  举报