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

2016-02-19 15:34 4 1 收藏

有了下面这个ajax入门简明教程---DOM解析教程,不懂ajax入门简明教程---DOM解析的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

     经过了前面的学习,我们对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给出了一些对象,像是节点,元素等等。我们用它们来编写我们想要的程序。

来源:http://www.tulaoshi.com/n/20160219/1609924.html

延伸阅读
标签: Web开发
二.XSL的转换 1.将XML转换成HTML XSL是如何将XML文档转换成HTML文件的呢?我们来看一个例子,下面是XML文档的一部分: ?xml version="1.0" encoding="ISO8859-1" ? CATALOG CD TITLEEmpire Burlesque/TITLE ARTISTBob Dylan/ARTIST COUNTRYUSA/COUNTRY COMPANYColumbia/COMPANY PRICE10.90/PRICE YEAR1985/YEAR /CD ... 然后...
标签: PS PS教程
这种方法比较适合原图对比度比较高的情况,对于让人头疼的毛发和细小的地方处理起来效果特别好。 1、启动Photoshop,打开图片,按F7键打开通道调板,找一个对比度最强的通道为的是最好的和背景分离。本例选择蓝色通道。 2、复制这个通道,选择“图像→调整→反相(Ctrl+I)”。 3、打开“图像→调整→色...
标签: Web开发
五. XSL 的索引 如果我需要将元素的显示按一定的顺序排列,应该如何建立XSL的索引呢? 我们还是来看前面的例子,还是这段代码: ?xml version="1.0" encoding="ISO8859-1" ? CATALOG CD TITLEEmpire Burlesque/TITLE ARTISTBob Dylan/ARTIST COUNTRYUSA/COUNTRY COMPANYColumbia/COMPANY PRICE10.90/PRICE YEAR1985/YEAR /CD ...
标签: Web开发
XML是一种标识语言,一组用来创建描述数据的语法标签的规则集。一个XML元素是由开 始标签、结束标签以及标签之间的数据构成的。开始和结束标签用来描述标签之间的数 据。标签之间的数据被认为是元素的值。例如,在下面一个XML元素的例子中,元素"di rector"的值是"Ed Wood"。 directorEd&nbs...
SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码: <span>SPAN标记有一个重要而实用...

经验教程

862

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部