您的位置:首页 > Web前端 > JavaScript

XML DOM.HTML DOM和JS之间的关系

2016-12-13 06:54 239 查看
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()。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: