DOM 重点核心

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

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

1.对于JavaScript ,为了能够使用 JavaScript 操作 HTML ，JavaScript就有了一套自己的dom编程接口

2.对于HTML，dom使得html形成一个dom树，包含文档，元素，节点 

我们获取的DOM元素是一个对象（Object），所以称为文档对象模型

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

1.创建

1.document.write

2.innerHTML

3.createElement

2.增

1.appendChild    将我们的创建元素增加到页面中 ，添加到后面

2.insertBefore      前面

3.删

1.remove Child

4.改

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

1.修改元素属性：src，href，title等

2.修改普通元素内容：innerHTML，innerText

3.修改表单元素：value，type，disabled等

4.修改元素样式：style，class Name

5.查

主要获取查询dom元素

1.DOM提供的API的方法：getElementByld，getElementByTagName     不提倡使用

2.H5提供的新方法：query Selector，query Selector All             提倡使用

3.利用节点操作获取元素：父：(parentNode),子：(children),兄：(previousElementSibling 或 nextElementSibling)                      提倡使用

6.属性操作

主要针对自定义属性

1.setAttribute:设置dom属性

2.getAttribute:得到dom属性值

3.removeAttribute:移除属性

7.事件操作

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

onclick          鼠标点击左键触发

onmouseover    鼠标经过触发

onfocus         获得鼠标焦点触发

onblur          失去鼠标焦点触发

onmousemove   鼠标移动触发

onmouseup     鼠标弹起触发

onmousedown   鼠标按下触发