什么是DOM？
DOM，Document Object Model，文档对象模型
-JS中通过DOM对HTML文档进行操作
-文档：整个HTML网页文档
-对象：将网页中的每一部分都转为一个对象，方便操作
-模型：表示对象之间的关系，方便获取对象
事件
文档或浏览器窗口中发生的一些特定交互瞬间，称为事件。JS和HTML间的交互就通过事件来实现。
比如，在Web应用中，点击某个元素、把鼠标移动到某个元素、按下某个按键...这些都是事件
在网页中使用事件
1.写在HTML标签里，但这种方法耦合性太大，一般不用
<button id="btn" onclick="alert('疯啦！')">
刘三
</button>
2.事件绑定函数：
对象名.事件 = function([参数]){JS代码};<body>
<button id="btn">刘三</button>
<script type="text/javascript">
//获取按钮对象
var btn = document.getElementById("btn");
//通过单击事件绑定函数来响应事件
btn.onclick = function(){
alert("死呀");
}
</script>
</body>加载事件onload与JS代码位置
onload事件绑定给window对象，且在整个页面加载完毕后立即触发。
上面那个例子中，JS代码写在了<Body>元素中，若想在<head>中写JS代码，且不影响使用，可以使用onload事件绑定函数
<head>
<script type="text/javascript">
window.onload = function(){
alert("凑豆腐，俘虏，加柠檬");
}
</script>
</head>
<body>
<button id="btn">老八秘制小汉堡儿</button>
</body>节点Node
节点Node是构成网页最基本的组成部分，网页中每一部分都是一个节点
常用节点：
-文档节点：整个HTML文档
-元素节点：HTML文档中的HTML标签
-属性节点：元素的属性
-文本节点：HTML标签中的文本节点节点的属性：
