JavaScript-/webAPI02-4获取元素的其他方式.html at master · dontkonw123/JavaScript- · GitHub

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
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>获取元素的其他方式</title>
	</head>

	<body>
		<div class="main">比较长值班了电话号</div>
		<div id="main">那就爱你哟</div>
		<div name='main'>不能急快了吧大V汇率</div>
		<div class="a">hahha</div>
		<div class="a">kajjkhh</div>
		<p class="a">lajivdj</p>

		<script type="text/javascript">
			//通过标签的name属性获取元素
			var divs = document.getElementsByName('main');
			console.log(divs);

			//根据class属性来获取元素
			var divc = document.getElementsByClassName('main');
			console.log(divc);


			//根据选择器来查看元素
			//query 查询
			//Selector 选择器
			//querySelector只能获取一个元素
			var main = document.querySelector('#main');
			console.log(main);


			//querySelectorAll 返回所有匹配到的元素
			var elements = document.querySelectorAll('.a');
			console.log(elements);


			//querySelector和querySelectorAll都存在浏览器兼容问题，支持TE8以后的浏览器，多用于移动端


		</script>


	</body>
</html>