【Web APIS】06-DOM的重点核心总结

DOM

文档对象模型(Document Object Model，简称DOM )，是W3C组织推荐的处理可扩展标记语言(HTML或者XML )的标准编程接口。

W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。

1.对于JavaScript，为了能够使JavaScript操作HTML，JavaScript就有了一套自己的dom编程接口。
2.对于HTML , dom使得html形成一棵dom树.包含文档、元素、节点

(我们获取过来的DOM元素是—个对象( object ) ，所以称为文档对象模型)

DOM操作

关于dom操作，我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。

创建

1. document.write
2. innerHTML
3. createElement

增

1. appendChild
2. insertBefore

删

1.removeChild

改

主要修改dom的元素属性，dom元素的内容、属性,表单的值等

1. 修改元素属性: src、href、title等
2. 修改普通元素内容:innerHTML、innerText
3. 修改表单元素: value、type、disabled等
4. 修改元素样式: style、className

查

主要获取查询dom的元素

1. DOM提供的API方法: getElementByld、getElementsByTagName古老用法不太推荐
2. H5提供的新方法:querySelector、querySelectorAll提倡
3. 利用节点操作获取元素∶父(parentNode)、子(children)、兄(previousElementSibling.nextElementSibling)提倡

属性操作

主要针对于自定义属性。

1. setAttribute :设置dom的属性值
2. getAttribute:得到dom的属性值
3. removeAttribute移除属性

事件操作

给元素注册事件，采取事件源.事件类型=事件处理程序

---

附录（dom操作具体讲解）

DOM核心操作具体讲解链接

• 查（ getElementByld、getElementsByTagName及事件操作）：
  【Web APIS】02-获取元素和事件基础
• 创建，改（innerHTML和修改元素属性src，修改表单属性操作）：【Web APIS】03-操作元素
• （自定义）属性操作：
  【Web APIS】04-操作元素（下）：排他算法重点案例及自定义属性的操作
• 查（父子兄元素节点）：
  【Web APIS】05-节点操作