JavaScript（3）- BOM、DOM和事件

2018-04-23 本文已影响9人 sunboximeng

DOM，将标记语言文档的各个组成部分，封装为对象。JavaScript 使用这些对象，对标记语言文档进行CRUD，使页面具有动态效果。所以DOM相当于一个数据库了。

Node：节点对象。html文档的结构就是一棵树。
Document：文档对象（类似Java中字节码文件对象）
- 用于获得元素（标签）对象
- getElementById() 返回元素对象。
- getElementsByTagName/ClassName/Name() 返回的是元素对象的数组，所以不能在他们的返回值上直接绑定事件！
Element：元素（标签）对象
- 属性：
  - 修改标签属性：样式属性以及其他属性（比如img标签的src属性）
    利用元素的style属性来设置：div1.style.border = "1px solid red"; （js代码中出现了css，耦合度高）
    提前定义好类选择器的样式：div1.setAtribute（"class", ""） 或者 div1..classname =
  - 修改标签包裹内容：innerHTML。div1.innerHTML = "";
- 方法
  - set/removeAttribute()
  - 为标签绑定事件，事件触发就会调用方法
Attribute：属性对象
Text：文本对象
Comment：注释对象

BOM，浏览器对象

事件就是各种on。

字节码文件对象