W3C所制订的DOM Level分为两大模块:Core和HTML
。
1.Core核心,W3C规范:满足软件开发者和Web脚本编写者,访问和操控产品项目中包含的可解析的HTML和XML内容。
2.
HTML模块,规范描述为:HTML之中特定元素的功能,和恰到好处的、易用的、针对常见性任务的HTML文档操作机制。
————————————————————————————————————————————————————————————————————————
DOM LEVEL的理解:JS可以对HTML DOM 和XML DOM进行系列操作。
JS可以解析HTML文档书和XML文档树,它将一切节点视为文档对象,从而进行操作
HTML和XML:前者负责数据的显示,而后者则负责数据的存储。
而Javascript则负责实现两者之间的交互操作。例如读取XML中数据的操作就放在Javascript模块中。
首先来看用来操作HTML和XML的接口:
HTML DOM和XML DOM是相似的两种接口。它们分别将HTML文件和XML文件解析成为树状结构,
文件中的标签全部作为节点。然后利用DOM中提供的各种函数来获取并操作节点。
获得HTML文件的接口比较简单,其实这是浏览器自动生成的。
- 当浏览器打开一个窗口时,会自动为HTML文档创建一个名为window的Window对象
- (Window对象是JS层次中的顶层对象)。
- 当在该窗口载入某个网页(即某个HTML文档时),浏览器会将该文档解析成为一个Document对象,
- 并将其赋给window的document属性。
- 之后就可以通过利用document来对当前的HTML文档进行操作了。
最常用的操作方法就是给HTML文档中的每个标签都添加一个id,然后利用getElementByID()方法来获取该标签,然后使用innerHTML属性来获取开始和结束标签之间的内容(该属性的值是一个字符串)。
获得XML文件的接口稍微复杂些,需要用户使用JS语句来手动生成。
简单点说,核心就是利用JS中的XMLHttpRequest对象。
操作XML文档的常用方法是利用XML DOM中的方法,比如getElementsByTagName_r()。