---恢复内容开始---
背景：由于最近在做笔试题的时候，发现很多用到了js的dom节点访问的功能，所以现在来做个总结；
getElementById:这个是根据id来选择的，也是平时用的最多的一个；
getElementsByClassName: 这是根据class="***"来选择的，如果一段html中有多个相同的class，那么选择元素节点也就很多个；
querySelector():这个方法返回的是样式选择器的第一个元素节点。比如一段代码：在控制台打印出的text= <li class="li">1</li>
text1=
1 <!DOCTYPE html>
2 <html>
3 <head>
4
<title>元素</title>
5 </head>
6 <body>
7
<ul>
8
<li class="li">1</li>
9
<li class="li">2</li>
10
<li class="li">3</li>
11
</ul>
12
<script type="text/javascript">
13
//var text=document.getElementById('li').firstChild.nodeValue;
14
var text=document.querySelector('.li');
var text1=document.querySelectorAll('.li')
15
console.log(text)
console.log(text1)
</script>
17 </body>
18 </html>