getElementById与getElementsByTagName的区别

最新推荐文章于 2024-02-01 10:54:00 发布

weixin_38203203

最新推荐文章于 2024-02-01 10:54:00 发布

阅读量305

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_38203203/article/details/79106270

版权

js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

getElementByID:

1.前面只能加document

2.只能找到一个元素

3.静态方法

getElementsByTagName:

1.前面可以跟document也可以跟别的元素

2.找到一堆元素的集合，用[]

3.动态方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
//        #list{}  var oUI = document.getElementById("list");
//        #li{} document.getElementsByTagName("li");
//        #list li{} oUI.getElementsByTagName("li");

        window.onload=function () {
            var oBtn = document.getElementsByTagName("input");
            document.body.innerHTML = '<input type = "button" value="按钮"><input type = "button" value="按钮"><input type = "button" value="按钮">';
            oBtn[0].onclick = function(){alert("1")};
            oBtn[1].onclick = function () {
                alert(2);
            }
            oBtn[2].onclick = function () {
                alert(3);
            }
        }
    </script>
</head>
<body>

</body>
</html>

weixin_38203203

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
getElementById与getElementsByTagName的区别

getElementByID:1.前面只能加document2.只能找到一个元素3.静态方法getElementsByTagName:1.前面可以跟document也可以跟别的元素2.找到一堆元素的集合，用[]3.动态方法html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script>/
复制链接

扫一扫

专栏目录