经过了前面的学习,我们对ajax有了一定的了解。Ajax还有些深入的技术是我们不得不会的。今天我们讲一下DOM解析。 www.phperz.com
DOM是什么呢?其英文解释为 Document Object Model 文档对象模型。它是给HTML和XML文件使用的一组API。DOM能够在内存中生成树状的结构。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。 phperz~com
我们知道HTML的标签是嵌套的标签,也就是形成了树状结构,这种结构很容易的找出内容所在的位置,但是有时候我们需要对文档进行操作,不仅是HTML,XML更是如此。 php程序员站
DOM是一种解析形式,XML作为文本大部分高级语言都有操作文本的能力。所以DOM是一种方式,不仅仅是对javascript适用。对其它的语言一样适用,不过在ajax里,使用javascript来解析。 php程序员站
以下为引用的内容: <html> <head> <title>测试</title> <script language="javascript"> var getHtml=document.documentElement; var getHead=getHtml.firstChild; var getBody=getHtml.lastChild; </script> </head> <body> <button onclick="alert(getHead.parentNode==getHtml)">点击此处</button><br /> <button onclick="alert(getBody.previousSibling==getHead)">点击此处</button><br /> <button onclick="alert(getHead.nextSibling==getBody)">点击此处</button><br /> phperz.com <button onclick="alert(getHead.ownerDocument==document)">点击此处</button><br /> </body> </html> |
php程序员站
这段代码描述了,DOM的树状结构解析的机制。 phperz~com
按照DOM的操作规则,HTML文档中的各个标记、元素被视为各种类型的Node对象,即节点对象。每个Node对象都有自己的属性和方法,利用这些属性和方法可以遍历整个文档树考虑到html文档的复杂性,DOM定义了nodeType来表示结点的类型,以便分类进行不同的操作和处理。除了解析HTML,解析XML也是非常重要的一个环节,别忘了ajax的全称,是异步javascript和XML,XML是一种非常好的数据表示的格式,如果要处理一些数据,尤其是跨平台的数据的话。XML是非常理想的。 www.phperz.com
总而言之,DOM是一种解析XML的一种思想,在javascript给出了一些对象,像是节点,元素等等。我们用它们来编写我们想要的程序。 www.phperz.com
|