getElementsByTagName
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="box">
<li>box中的文字</li>
<li>box中的文字</li>
<li>box中的文字</li>
<li>box中的文字</li>
</div>
<script>
var lis = document.getElementsByTagName('li');
console.log(lis); //返回的是一个伪数组 具有length属性
console.log(lis[0]); //数组中的一个元素
</script>
</body>
</html>
控制台输出：
如果使用element.getElementsByTagName('标签名')形式，element必须是一个确定的单个元素，比如说element通过getElementById得到
querySelector
返回指定选择器的第一个元素对象，规则很简单document.querySelector('标签名/.类名/#id名')
querySelectorAll
如果需要返回所有元素对象，可以使用querySelectorAll方法与querySelector相同
特殊元素
body元素
document.body
html元素
document.documentElement
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
