JavaScript DOM

什么是DOM

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

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

DOM核心
对于DOM操作，我们主要针对子元素的操作，主要有

创建
增
删
改
查
属性操作
时间操作
6.1、创建
document.write
innerHTML
createElement
6.2、增
appendChild
insertBefore
6.3、删
removeChild
6.4、改
主要修改dom的元素属性，dom元素的内容、属性、表单的值等
修改元素属性：src、href、title 等
修改普通元素内容：innerHTML、innerText
修改表单元素：value、type、disabled
修改元素样式：style、className
6.5、查
主要获取查询dom的元素
DOM提供的API方法：getElementById、getElementsByTagName (古老用法，不推荐)
H5提供的新方法：querySelector、querySelectorAll (提倡)
利用节点操作获取元素：父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling) 提倡
6.6、属性操作
主要针对于自定义属性
setAttribute：设置dom的属性值
getAttribute：得到dom的属性值
removeAttribute：移除属性

DOM树

 

 文档:一个页面就是一个文档、DOM中使用document表示

元素:页面中的所有标签都是元素、DOM中使用element表示

节点:网页中的所有内容都是节点（标签、属性、文本、注释等）、DOM中使用node表示

DOM可以把以上内容都看做对象