摘要：HTML 文档中的所有内容都是节点： 1、整个文档是一个文档节点； 2、每个 HTML 元素是元素节点； 3、HTML 元素内的文本是文本节点； 4、每个 HTML 属性是属性节点注释是注释节点；可通过JavaScr
HTML 文档中的所有内容都是节点：
1、整个文档是一个文档节点；
2、每个 HTML 元素是元素节点；
3、HTML 元素内的文本是文本节点；
4、每个 HTML 属性是属性节点注释是注释节点；
可通过JavaScript对DOM进行访问。
所有HTML元素被定义为对象。
方法是能够执行的动作。
属性是能够获取或设置的值。
常用的DOM方法：
1、getElementById（id）通过id获取元素
2、 getElementsByClassName（class）通过class获取元素
3、 getElementsByTagName（Tag）通过标签名获取元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用CSS选择器来获取元素</title>
</head>
<body>
<ul id="ul">
<li class="red">列表项01</li>
<li>列表项02</li>
<li class="green">列表项03</li>
<li class="green">列表项04</li>
<li class="coral large">列表项05</li>
</ul>
<script>
let lists = document.querySelectorAll('li');
console.log(lists);
lists[0].style.backgroundColor = 'coral';
lists.item(1).style.backgroundColor = 'lightblue';
</script>
</body>
</html>
批改老师：灭绝师太批改时间：2019-01-18 09:18:09
老师总结：一定要分清楚每种dom方法获取的是元素还是元素集合哦！
