PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Ajax >> 

ajax入门简明教程---DOM解析

ajax入门简明教程---DOM解析

来源:互联网  作者:  发布时间:2008-05-30
经过了前面的学习,我们对ajax有了一定的了解。Ajax还有些深入

    经过了前面的学习,我们对ajax有了一定的了解。Ajax还有些深入的技术是我们不得不会的。今天我们讲一下DOM解析。

    DOM是什么呢?其英文解释为 Document Object Model 文档对象模型。它是给HTML和XML文件使用的一组API。DOM能够在内存中生成树状的结构。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。

    我们知道HTML的标签是嵌套的标签,也就是形成了树状结构,这种结构很容易的找出内容所在的位置,但是有时候我们需要对文档进行操作,不仅是HTML,XML更是如此。

    DOM是一种解析形式,XML作为文本大部分高级语言都有操作文本的能力。所以DOM是一种方式,不仅仅是对javascript适用。对其它的语言一样适用,不过在ajax里,使用javascript来解析。

以下为引用的内容:
<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 />
<button onclick="alert(getHead.ownerDocument==document)">点击此处</button><br />
</body>
</html>

    这段代码描述了,DOM的树状结构解析的机制。

    按照DOM的操作规则,HTML文档中的各个标记、元素被视为各种类型的Node对象,即节点对象。每个Node对象都有自己的属性和方法,利用这些属性和方法可以遍历整个文档树考虑到html文档的复杂性,DOM定义了nodeType来表示结点的类型,以便分类进行不同的操作和处理。除了解析HTML,解析XML也是非常重要的一个环节,别忘了ajax的全称,是异步javascript和XML,XML是一种非常好的数据表示的格式,如果要处理一些数据,尤其是跨平台的数据的话。XML是非常理想的。

     总而言之,DOM是一种解析XML的一种思想,在javascript给出了一些对象,像是节点,元素等等。我们用它们来编写我们想要的程序。

Tags: ajax   dom   解析   解析   教程   入门   dom   xml   javascript   对象   html  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号