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

Club5F

Club5F

2016-02-19 15:34

有了下面这个ajax入门简明教程---DOM解析教程,不懂ajax入门简明教程---DOM解析的也能装懂了,赶紧get起来装逼一下吧!
     经过了前面的学习,我们对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)"点击此处/buttonbr /
button onclick="alert(getBody.previousSibling==getHead)"点击此处/buttonbr /
button onclick="alert(getHead.nextSibling==getBody)"点击此处/buttonbr /
button onclick="alert(getHead.ownerDocument==document)"点击此处/buttonbr /
/body
/html

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

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

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

展开更多 50%)
分享

猜你喜欢

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

Web开发
ajax入门简明教程---DOM解析

ajax入门简明教程---什么是ajax?

Web开发
ajax入门简明教程---什么是ajax?

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

ajax入门简明教程---XMLHTTPRequest对象

Web开发
ajax入门简明教程---XMLHTTPRequest对象

ajax入门简明教程---响应处理

Web开发
ajax入门简明教程---响应处理

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

ajax入门简明教程---处理POST请求

Web开发
ajax入门简明教程---处理POST请求

ajax入门简明教程---正则表达式验证

Web开发
ajax入门简明教程---正则表达式验证

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win10添加网络打印机的方法

Win10添加网络打印机的方法

Linux如何使用ss命令查看socket状态

Linux如何使用ss命令查看socket状态
下拉加载更多内容 ↓