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()。
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()。
相关文章推荐
- js的 function, javascript内置对象,this概念及之间的关系不再迷惑。
- 学习JavaScript 的必备 (一),让您对js的 function, javascript内置对象,this概念及之间的关系不再迷惑。(希望能置为推荐篇,为更多的js初学者关注)
- Ember.js 入门指南——管理controller之间的依赖关系
- js与cookie的domain和path之间的关系
- js中的距离值之间的关系
- 页面自动跳转与http302、html refresh以及js跳转之间的关系
- js中三种事件绑定之间的关系和事件处理函数里的this值
- js中多层关系窗口之间的访问
- JS 之原型,实例,构造函数之间的关系
- js中client、offset、scroll之间的关系
- 对js的 function.javascript内置对象,this概念及之间的关系不再迷惑
- WebView 与 JS 之间的关系
- 学习JavaScript 的必备 (一),让您对js的 function, javascript内置对象,this概念及之间的关系不再迷惑
- JS对象之间的关系
- JS、DOM和JQuery之间的关系
- 学习JavaScript 的必备 (一),让您对js的 function, javascript内置对象,this概念及之间的关系不再迷惑。(希望能置为推荐篇,为更多的js初学者关注)
- 让您对js的 function, javascript内置对象,this概念及之间的关系不再迷惑
- js 通过节点之间的关系 控制treeview节点展开
- JS异步代码执行和同步代码之间的关系
- JS、DOM和JQuery之间的关系示例分析