前端js通过选择器获取标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<div id="one"></div>
<div class="c1"></div>
<h1 class="c1"></h1>
<a href="###">哈哈哈哈</a>
<div class="box">
<a href="###">京东</a>
<a href="###">淘宝</a>
</div>
</body>
</html>
<script type="text/javascript">
//通过css选择器获取标签
//1.获取所有符合条件的标签,所以返回值是数组
//标签选择器
var divArray=document.querySelectorAll("div");
console.log(divArray);
//class选择器
var c1Array=document.querySelectorAll(".c1");
console.log(c1Array);
//后代选择器
var aArray=document.querySelectorAll(".box a:first-child");
console.log(aArray);
//2.只获取符合条件的第一个标签
//所以返回值就是具体的标签对象
var a=document.querySelector(".box a");
console.log(a);
var one=document.querySelector("#one");
console.log(one);
</script>

运行结果:


前端js通过选择器获取标签
http://ultracode.cn/2020/11/18/JS/前端js通过选择器获取标签/
作者
Win
发布于
2020年11月18日
许可协议