DOM

Posted 2020-06-16

D：document 文档对象模型

O： Object是一种自足的数据集合

• 用户定义对象
• 内建对象：javascript提供的对象
• 宿主对象： 浏览器提供的对象
  • window对象对应浏览器本身，其属性和方法统称为BOM，浏览器模型对象

M : Model 节点树模型

3.4 节点

文档是由节点构成的集合，每一个节点都是一个对象。

• 元素节点 element node
  • 在文档中的布局形式及文档的结构
• 文本节点 text node
  • 文本节点包含在元素节点的内部，但并非所有的元素节点都包含有文本节点。
• 属性节点 attribute node
  • 属性节点用来对元素做出更具体的描述。

3.4.5 获取元素

• 元素Id： 
  document.getElementById(id);
• 标签名称 
  element.getElementsByTagName(tag);
• 类名称（html5） 
  getElementsByClassName(class);

3.5 获取和设置属性

得到需要的元素后，可以设法获取和更改属性节点的值。

• getAttribute
  • object.getAttribute(attritue) 只能通过元素节点对象调用
• setAttribute
  • object.setAttribute(attribute, value) 对属性节点的值进行修改

DOM的工作模式： 
先加载文档的静态内容，再动态刷新，动态刷新不影响文档的静态内容。 
对页面内容进行刷新却不需要在浏览器里刷新页面。