JS基础-DOM的基本了解

这是我的学习笔记，学的时候记录，后续方便查找复习。

一 、文档对象模型

DOM = Document Object Model 文档对象模型。JS通过DOM对HTML文档进行操作。

文档： 整个HTML网页文档；
对象： 将网页中的每一个部分都转换成了一个对象；
模型： 使用模型来表示对象之间的关系，方便获取对象；模型就是提现节点与节点之间的关系，如父子节点关系，兄弟节点等关系

二、节点

节点：Node-构成HTML文档最基本的单元

 - 文档节点： 整个HTML文档；
 - 元素节点： HTML文档中HTML标签；
 - 属性节点： 元素的属性；
 - 文本节点： HTML标签中文本的内容；

<div id="test"> 这是文本 </div>

// <div ...>...</div>  => 元素节点
// id="test" => 属性节点
// 这是文本 => 文本节点

节点属性：nodeName、nodeType、nodeValue

三、事件

事件就是用户和浏览器之间的交互行为，如：点击按钮、鼠标移动、关闭窗口…

<button id="btn"> 按钮 </button>

// 获取按钮对象
var btn = document.getElementById("btn");

// 为按钮对应事件绑定处理函数来响应事件：绑定一个单击事件
btn.onclick = function(){
	alert("你点了我一下！");
}

持续更新

这里只是DOM认识与了解，后面若有相关的继续更新。