DOM简介
DOM是W3C(World Wide Web Consortium)标准。
“W3C 文档对象模型(DOM,全称Document Object Model)”是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。
DOM被分为3个不同的部分/级别:
核心 DOM
XML DOM
HTML DOM
核心DOM:提供了操作文档的公有属性和方法,就相当于鼻祖。
HTML DOM:提供了所有HTML元素的对象和属性,以及访问方法,相当于对核心DOM进行了在HTML方面的拓展。
XML DOM:提供了所有XML元素的对象和属性,以及访问方法,与HTML DOM类似。
HTML DOM
节点概念
HTML DOM 把所有的元素全部转化为节点对象,以后要想操作HTML里的内容就等于操作节点。
节点分类
文档节点[object HTMLDocument]
元素节点[object HTMLXXXElement]
属性节点[object Attr]
内容节点[object Text]
1、文档节点就是根,只存在一个,想要得到它十分容易,写一个 document 相当于文档节点了。
渲染结果
2、元素节点:文档节点是根,所以他肯定有许多小弟了,比如 div 、p等等,都是元素节点,属于文档节点的下级。
3、属性和内容节点:id就是div的一个属性节点的节点名,“HTML DOM”就是div内容节点的节点值,节点名和节点值就是节点的属性之一。
HTML DOM