获取标签

最新推荐文章于 2023-01-20 10:00:00 发布

越努力越幸运的小白

最新推荐文章于 2023-01-20 10:00:00 发布

阅读量967

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43990499/article/details/109058334

版权

获取标签的几种方式

<body>
	<div id="div1"></div>
	<div class="div2"></div>
</body>

第一种

//通过调用getElementById获取标签，必须是id属性
var div1 = document.getElementById("div1");

第二种

//通过调用getElementsByClassName获取标签，必须是class属性
//这里获得的是个伪数组，所以需要选择数组的元素才能得到标签
var div2 = document.getElementsByClassName("div2")[0];

第三种

//通过调用getElementByTagName获取标签，选择的是标签，不是类名和id
//这里和第二种一样
var div = document.getElementsByTagName('div')[0];

第四种

//通过调用querySelector获取标签，括号里面写的是id名需要添加(#id名)
var div1 = document.querySelector('#box'); 

//这里的方法，里面可以写标签也可以写类名，但是类名需要添加(.类名)
//这里和第二种一样
var div2 = document.querySelectorAll('.div2')[0];

越努力越幸运的小白

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
获取标签

获取标签的几种方式<body> <div id="div1"></div> <div class="div2"></div></body>第一种//通过调用getElementById获取标签，必须是id属性var div1 = document.getElementById("div1");第二种//通过调用getElementsByClassName获取标签，必须是class属性//这里获得的是个伪数组，所以
复制链接

扫一扫