js中通过document获取标签节点

最新推荐文章于 2024-05-13 05:06:08 发布

li072399

最新推荐文章于 2024-05-13 05:06:08 发布

阅读量4.1k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/li072399/article/details/123695504

版权

使用id名表示标签，不够严谨。在html语法中，id名随便起，可以是js中的关键字，但是在js中使用id代表标签，就不能使用关键字，所以我们需要一种更加严谨的方式获取标签。
方法一：通过id名来获取 - 方法 - document.getElementById('id名')

<body>
    <button id="var">按钮</button>
</body>
<script>
    var a = document.getElementById('var')
    console.log(a);
</script>
</html>

方法二：通过标签名来获取 - 方法 - document.getElementsByTayName('标签名') - 获取到的是一个集合，集合中会将当前页面中所有当前标签都获取到，哪怕只有一个，也是集合。获取到的集合，要取下标来做。

<body>
    <button id="var">按钮</button>
    <button id="aa">按钮</button>
    <button id="bb">按钮</button> 
</body>
<script>
    var a = document.getElementsByTagName('button')
    console.log(a);
    console.log(a[0]);
    fo

最低0.47元/天解锁文章

li072399

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js中通过document获取标签节点

使用id名表示标签，不够严谨。在html语法中，id名随便起，可以是js中的关键字，但是在js中使用id代表标签，就不能使用关键字，所以我们需要一种更加严谨的方式获取标签。方法一：通过id名来获取 - 方法 - document.getElementById('id名')<body> <button id="var">按钮</button></body><script> var a = document.getEleme
复制链接

扫一扫