JS-DOM— —DOM重点核心（复习用）

DOM重点核心（复习用）

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

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

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

2. 对于HTML , dom使得htm形成一棵dom树. 包含文档、元索、节点。

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

关于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. querySelectorAlI 提倡

3.利用节点操作获取元素:父(parentNode)、子(children)、 兄(previousElementSibling、nextElementSibling)提倡

六、属性操作

主要针对于自定义属性。

1. setAttribute :设置dom的属性值

2. getAttribute :得到dom的属性值

3. removeAttribute移除属性

七、事件操作

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