怎么判断dom元素是不是button

最新推荐文章于 2024-06-20 20:20:21 发布

LtHm

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量136

点赞数

分类专栏： js基础文章标签： javascript 前端 html Powered by 金山文档

本文链接：https://blog.csdn.net/cjn308408/article/details/129725372

版权

js基础专栏收录该内容

29 篇文章 1 订阅

订阅专栏

<body>
    <button id="123">123</button>
    <script>
        var btn = document.getElementById('123');
        //dom元素有很多属性nodeName就可以找到他的节点名字BUTTON
        console.log(btn.nodeName);

    </script>

</body>

扩展:给页面所有的button添加事件,拿到dom对象数组循环添加即可

<body>
    <button>123</button>
    <button>123</button>
    <button>123</button>
    <button>123</button>
    <button>123</button>
    <button>123</button>
    <button>123</button>
    <button>123</button>
    <button>123</button>
    <script>
        function BindByDom() {
            try {
                var htmlBtns = document.getElementsByTagName('button');//获取HTMLCollection对象集合
                //遍历集合，一个一个地设置点击事件
                for (var i = 0; i < htmlBtns.length; ++i) {
                    htmlBtns[i].onclick = function () {
                        var uid = this.getAttribute('uid');
                        alert("点击了按钮，uid = " + uid);
                    };
                }
            }
            catch (error) {
                alert(error);
            }
        }
        BindByDom()

    </script>

</body>