通过标签名获取元素

Chinese femdom

已于 2022-06-25 11:50:59 修改

阅读量3.1k

点赞数

文章标签：前端 JS

于 2020-12-15 17:00:40 首次发布

本文链接：https://blog.csdn.net/qq_36689634/article/details/111147819

版权

本文介绍了如何在JavaScript中利用window.onload函数和document.getElementsByTagName方法获取页面上的指定标签元素。内容强调了返回结果是一个伪数组，即使只有一个元素，并且指出了直接调用伪数组的onclick方法会导致错误，需通过下标访问元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS入口函数：
window.οnlοad=function(){}
通过标签获取元素：document.getElementsByTagName(‘button’),获取到指定标签名的元素们，需要注意的是，这个获取到的是伪数组，虽然目前界面中只有一个满足条件的元素，但是获取出来的依然是一个伪数组，伪数组里面的元素的数量是1个
var divs = document.getElementsByTagName(“div”);
console.log(divs);
divs.onclick()=function(){/* 伪数组不能这样用此方法，得有下标*/
console.log(“divs是伪数组”);
}
浏览器报错：在这里插入图片描述。

        ———— ———— ———— ———— ———— ——— ———  ——— ———— ———— ————— ———（分割线）
         但是可以用diva[0]：

<body>
    <div class="father">
        <!-- <div class="son"></div> -->
    </div>
</body>
<script>
    var diva=document.getElementsByTagName("div")
    diva[0].onclick=function(){
        console.log(diva[0]);
    }
</script>