DOM重点核心(复习用)
文档对象模型( Document Object Model ,简称DOM) , 是W3C组织推荐的处理可扩展标记语言( HTML或者XML )的标准编程接口。
W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。
-
对于JavaScript ,为了能够使JavaScript操作HTML , JavaSript就有了一套自己的dom编程接口。
-
对于HTML , dom使得htm形成一棵dom树. 包含文档、元索、节点。
我们获取过来的DOM元素是一个对象( object) ,所以称为文档对象模型
关于dom操作,主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。
一、创建
1. document.write
2. innerHTML
3. createElement
二、增
1. appendChild
2. insertBefore
三、删
1.removeChild
四、改
主要修改dom的元素属性, dom元索的内容、属性,表单的值等
-
修改元素属性: src、 href. title等
-
修改普通元素内容: innerHTML、 innerText
-
修改表单元素: value、type、 disabled等
-
修改元素样式: 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移除属性
七、事件操作
给元素注册事件,采取 事件源.事件类型=事件处理程序