js学习的障碍～
'创建DOM对象
set objDom=server.CreateObject("microsoft.xmldom")
'取得xml数据
'方法1 取得xml文件的xml数据
objDom.load("c:\test.xml")
'方法2 取得xml数据串的数据
objDom.loadxml("")
'创建一个节点对象
Set Newnode=objDom.CreateElement("people")
'给这个节点赴值
Newnode.Text="人"
' 给这个节点添加属性
Set NewAttribute=objDom.CreateNode("attribute","name","")
NewAttribute.Text= "张三"
Newnode.SetAttributeNode NewAttribute
'给这个节点添加子节点
Set NewnodeChild=objDom.CreateElement("address")
Newnode.appendChild NewnodeChild
'保存这个节点对象
objDom.appendChild Newnode
objDom.save("c:\test.xml")
'查找一个节点对象
set objtofind=objdom.documentElement.SelectSingleNode("//people/man")
'取出这个节点对象的 节点名，节点值，某个属性值，和全部的xml
nodename=objtofind.nodename
nodevalue=objtofind.text
objtofind.GetAttributeNode("name").Nodevalue '属性名为name的属性值
'取出一个属性节点对象
set objattrtofind=objdom.documentElement.SelectSingleNode("//people/man"). GetAttributeNode("name")
'取出这个节点的属性名，属性值
nodeattrname=objattrtofind.nodename
nodeattrvalue=objattrtofind.nodevalue
'删除一个节点对象
set objnode=objdom.documentElement.SelectSingleNode("//people/man") '要删除的节点
set objparentnode=objdom.documentElement.SelectSingleNode("//people") '要删除的节点的父节点
objparentnode.removeChild objnode
'取出一个节点的字节点集合
set objnodes=objdom.documentElement.SelectSingleNode("//people/man").ChildNodes
遍历这个集合
方法1
for each element in objnodes
response.write element.nodename 字节点名
response.write element.text 字节点值
next
方法2
domlength=objnodes.length
for i = 0 to domlength-1
response.write objnodes.childnodes(i).nodename 字节点名
response.write objnodes.childnodes(i).text 字节点值
next
'取出一个节点的属性集合
set objnodes=objdom.documentElement.SelectSingleNode("//people/man").GetAttributeNode("name").attributes
遍历这个集合
for each element in objnodes
response.write element.nodename 属性名
response.write element.nodevalue 属性值
next
DOM 精简知识教程
先来看一张简单的文档树
很明显树的顶层节点是NodeA节点,接下来可以通过指定的合适节点移动到树中的任何点,结合以下的代码你可以更好的了解这棵树节点间的相互关系:
NodeA.firstChild = NodeA1
NodeA.lastChild = NodeA3
NodeA.childNodes.length = 3
NodeA.childNodes［0］ = NodeA1
NodeA.childNodes［1］ = NodeA2
NodeA.childNodes［2］ = NodeA3
NodeA1.parentNode = NodeA
NodeA1.nextSibling = NodeA2
NodeA3.prevSibling = NodeA2
NodeA3.nextSibling = null
NodeA.lastChild.firstChild = NodeA3a
NodeA3b.parentNode.parentNode = NodeA
DOM定义对操作一个文档对象的节点结构提供了实用的方法,它提供了像执行对象插入,更新,删除,克隆等这些常用的方法。
insertBefore()--在参考子节点之前插入一个新的子节点.如果参考的子节点为null,则新的子节点将作为调用节点的最后一个子节点插入。
replaceChild()--在childNodes集合种使用指定的newChild来代替oldChild;如果代替成功,则返回oldChild;如果newChild是null,则只需删除oldChild即可。
removeChild()--从节点的ChildNodes集合中删除removeChild指定的节点,如果境晒?则返回删除的子节点。
appendChild()--添加一个新节点到childNodes集合的末尾,如果成功,则返回新节点。
cloneNode()--创建一个新的、复制的节点,并且如果传入的参数是true时,还将复制子节点,如果节点是一个元素,那么还将复制相应属性,返回新的节点。
为了在一棵文档树中访问或者建立一个新的节点,可以用下面这些方法:
getElementById()
getElementsByTagName()
createElement()
createAttribute()
createTextNode()
注意:在一个页面中只有一个文档对象,除了getElementsByTagName()外,其它方法均只能通过document.methodName()调用。
再看一下下面这个例子:
结果将会显示"P",下面是一些解释
document.documentElement - gives the page's HTML tag.
lastChild - gives the BODY tag.
firstChild - gives the first element in the BODY.
tagName - gives that element's tag name, "P" in this case.
另一个:
这个例子和上面并没有什么大的区别,仅仅是多了一个空行,但是在NS中,会自动为空行加上一个节点所以返回值是"undefined",而在IE中将跳过空行仍然指向P标签。
更常用的方法:
这种方法你不用关心节点在文档树的哪一个地方,而只要保证在页面中它的ID号是唯一的就可以了。
接下来一种访问元素节点的方法是document.getElementsByTagName(),它的返回值是一个数组,例如你可以通过下面的例子改变整个页面的连接：
attribute和attributes
attribute对象和元素相关,但是却没有被认为是文档树的一部分,因此属性不能作为子节点集合的一部分来使用。
有三种方法可以为元素建立新的属性
1.
2.
3.
你可以在html标签种定义自己的属性:
返回值将是"myvalue".但是请注意这里必须使用getAttribute,而不是AttributeName,因为有一些浏览器并不支持自定义属性。
attributes也可以被轻易的从一个元素中删除,你可以使用removeAttribute()或者将element.attributeName指向一个null值。
通过attributes我们就可以产生一些动态效果：
另一种:
跟上面的例子一样,展示了可用通过元素修改style中的属性,甚至是class中的.唯一要提到的是textAlign是从style中的text-align中演变而来的,有一条基本规律,就是style中的属性如果出现-则在dom中将会被去掉并且随后的一个字母将改为大写,还有一点就是如果即使元素中没有style属性,上述例子同样可以使用。
text nodes:
先看一下例子：
首先text nodes并没有像elements那样具有id属性,所有它并不能直接通过document.getElementById()或者document.getElementsByTagName()访问
看一下下面的结构也许会更明白一些：
可以看出通过document.getElementById('sample1').firstChild.nodevalue就可以读取或者设置text nodes的值了。
另一个更加复杂一点的例子：
它的文档结构
在这里通过document.getElementById('sample1').firstChild.nodevalue讲仅仅改变"This is the"
而initial text.将不会改变.在这里大家应该看到了它和innerHTML的不同了.当然你也可以这样用：
其中的html代码将不会被解释,浏览器将把他们当成普通的文本来显示。
创建和删除text nodes:
通过上面的代码你可以创建一个新的text node,但是它并不是文档树的一部分,要让它显示在页面上就必须让它成为文档树中某一个节点的child,因为
text nodes不能有儿子,所以你不能将它加入到一个text nodes中,attribute也不属于文档树的一部分,这条路也不行,现在只剩下elements nodes
了,以下的例子展示了如何添加和删除一个text node：
增加文本是很容易的,上面的代码建立了一个新的text node并且通过appendChild()方法将其加入到childNodes数组的末尾,并设置了一个counter1的全局变量,利于观察
hasChildNodes()的返回值是true or false;用来判断当前节点是否还有child,以阻止当其没有child的时候调用removeChild()产生的错误。
创建element nodes
有了上面的基础,应该更容易理解了,先看一下下面的代码
你还可以直接为新加的element nodes设置attribute,以下两种都可以:
boldEl.style.color = "#ffff00";
paraEl.appendChild(boldEl);
或者:
paraEl.appendChild(boldEl);
boldEl.style.color = "#ffff00";
DOM属性
DOM提供了一套属性用于导航、访问和更新文档内容，其中包括只读类型的属性和可读写类型的属性。
下表是只读类型的属性：
DOM对象属性 返 回 值
FirstChild 返回一个对象（Object），表示第一个孩子节点（child node）。
LastChild 返回一个对象（Object），表示最后一个孩子节点（child node）。
NextSibling 返回一个对象（Object），表示下一个相邻的兄弟节点。
NodeName 返回节点对应的HTML标记。比如：P，Script。对应文本项节点，返回#text。
nodeType 返回节点的类型，
1表示此节点是标记（tag），
2表示属性（attribute），
3表示文本项。
parentNode 返回一个对象（Object），表示当前节点的双亲节点（parent node）。
previousSibling 返回一个对象（Object），表示前一个相邻的兄弟节点。
specified 返回一个布尔型变量（Boolean），表示是否设置了属性值（attribute）。
下表是可读写类型的属性：
DOM对象属性 返 回 值
data 返回一个字符串，表示文本项节点的值。如果是其他类型节点，返回undefined。
nodevalue 返回一个字符串，表示文本项节点的值。如果是其他类型节点，返回null。
下表是DOM中相关属性集合：
DOM对象属性 返 回 值
attributes 表示节点的属性集合，通过id来访问，比如attributes.id。
childNodes 表示节点的孩子节点集合，通过数组索引方式访问，比如：childNodes[2]。
DOM简介(1)
1.文档对象模型（DOM）
DOM是HTML和XML文档的编程基础，它定义了处理执行文档的途径。编程者可以使用DOM增加文档、定位文档结构、填加
修改删除文档元素。W3C的重要目标是把利用DOM提供一个使用于多个平台的编程接口。W3C DOM被设计成适合多个平台，可
使用任意编程语言实现的方法。
2.节点接口
XML parser用来装载XML文档到缓存中，文档装载时，可以使用DOM进行检索和处理。DOM采用树形结构表示 XML文档，
文档元素是树的最高阶层，该元素有一个或多个孩子节点用来表示树的分枝。
节点接口程序通常用来读和写XML节点树中的个别元素，文档元素的孩子节点属性可以用来构造个别元素节点。XML
parser用来证明Web中的DOM支持遍历节点树的所有函数，并可通过它们访问节点和及其属性、插入删除节点、转换节点树
到XML中。
所有Microsoft XML parser函数得到W3C XML DOM的正式推荐，除了load和loadXML函数（正式的DOM不包括标准函数
loading XML文档）。有13个节点类型被Microsoft XML parser支持，下面列出常用节点：
节点类型 例子
Document type
Processing instruction
Element
Carlsberg
Attribute type="beer"
Text Carlsberg
3.使用XML parser
为了更加熟练的处理XML文档，必须使用XML parser。Microsoft XML parser是IIS5.0所带的一个COM组件，一旦安装
了IIS5.0，parser可以利用HTML文档和ASP文件中的脚本。
Microsoft XMLDOM parser支持以下编程模式：
----支持 javascript, VBScript, Perl, VB, Java, C++ 等等
----支持 W3C XML 1.0 和 XML DOM
----支持 DTD 和 validation
如果使用IE5.0中的javascript，可以使用下面的XML文档对象：
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
如果使用VBScript，可以使用下面的XML文档对象：
set xmlDoc = CreateObject("Microsoft.XMLDOM")
如果使用ASP，可以使用下面的XML文档对象：
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
4.装载一个XML文件到parser中
下面的代码装载存在的XML文档进入XML parser:
第一行脚本增加了一个Microsoft XML parser实例，第三行装载名为”note.xml”的XML文档进入parser中。第二行保
证文档装载完成以后parser进行下一步工作。
5. parseError对象
打开XMl文档时，XML Parser产生错误代码，并存在parseError对象中，包括错误代码、错误文本和错误行号，等信
息。
6.文件错误
下面的例子将试图装载一个不存在的文件，然后产生相应的错误代码：
7.XML错误
下面使用不正确的格式装载XMl文档，
8. parseError属性
属性描述：
errorCode 返回长整型错误代码
reason 返回字符串型错误原因
line 返回长整型错误行号
linePos 返回长整型错误行号位置
srcText 返回字符串型产生错误原因
url 返回url装载文档指针
filePos 返回长整型错误文件位置
9.遍历节点树
一种通用的析取XML文档的方法是遍历节点树和它的元素值。下面是使用VBScript写的遍历节点树的程序代码：
有了这些以后写js的时候要更复杂了，决不能只写一个简单的验证。。
另外。不弄懂xml，就表去弄ajax了。没点激情的哇。还是老老实实的从基础来。。
一路走来都是跳三步。。说是懂。。其实只是会写而已。不懂内涵，花终究是要谢的。。
如果没有果实。。那就太可惜了。
set objDom=server.CreateObject("microsoft.xmldom")
'取得xml数据
'方法1 取得xml文件的xml数据
objDom.load("c:\test.xml")
'方法2 取得xml数据串的数据
objDom.loadxml("")
'创建一个节点对象
Set Newnode=objDom.CreateElement("people")
'给这个节点赴值
Newnode.Text="人"
' 给这个节点添加属性
Set NewAttribute=objDom.CreateNode("attribute","name","")
NewAttribute.Text= "张三"
Newnode.SetAttributeNode NewAttribute
'给这个节点添加子节点
Set NewnodeChild=objDom.CreateElement("address")
Newnode.appendChild NewnodeChild
'保存这个节点对象
objDom.appendChild Newnode
objDom.save("c:\test.xml")
'查找一个节点对象
set objtofind=objdom.documentElement.SelectSingleNode("//people/man")
'取出这个节点对象的 节点名，节点值，某个属性值，和全部的xml
nodename=objtofind.nodename
nodevalue=objtofind.text
objtofind.GetAttributeNode("name").Nodevalue '属性名为name的属性值
'取出一个属性节点对象
set objattrtofind=objdom.documentElement.SelectSingleNode("//people/man"). GetAttributeNode("name")
'取出这个节点的属性名，属性值
nodeattrname=objattrtofind.nodename
nodeattrvalue=objattrtofind.nodevalue
'删除一个节点对象
set objnode=objdom.documentElement.SelectSingleNode("//people/man") '要删除的节点
set objparentnode=objdom.documentElement.SelectSingleNode("//people") '要删除的节点的父节点
objparentnode.removeChild objnode
'取出一个节点的字节点集合
set objnodes=objdom.documentElement.SelectSingleNode("//people/man").ChildNodes
遍历这个集合
方法1
for each element in objnodes
response.write element.nodename 字节点名
response.write element.text 字节点值
next
方法2
domlength=objnodes.length
for i = 0 to domlength-1
response.write objnodes.childnodes(i).nodename 字节点名
response.write objnodes.childnodes(i).text 字节点值
next
'取出一个节点的属性集合
set objnodes=objdom.documentElement.SelectSingleNode("//people/man").GetAttributeNode("name").attributes
遍历这个集合
for each element in objnodes
response.write element.nodename 属性名
response.write element.nodevalue 属性值
next
DOM 精简知识教程
先来看一张简单的文档树
很明显树的顶层节点是NodeA节点,接下来可以通过指定的合适节点移动到树中的任何点,结合以下的代码你可以更好的了解这棵树节点间的相互关系:
NodeA.firstChild = NodeA1
NodeA.lastChild = NodeA3
NodeA.childNodes.length = 3
NodeA.childNodes［0］ = NodeA1
NodeA.childNodes［1］ = NodeA2
NodeA.childNodes［2］ = NodeA3
NodeA1.parentNode = NodeA
NodeA1.nextSibling = NodeA2
NodeA3.prevSibling = NodeA2
NodeA3.nextSibling = null
NodeA.lastChild.firstChild = NodeA3a
NodeA3b.parentNode.parentNode = NodeA
DOM定义对操作一个文档对象的节点结构提供了实用的方法,它提供了像执行对象插入,更新,删除,克隆等这些常用的方法。
insertBefore()--在参考子节点之前插入一个新的子节点.如果参考的子节点为null,则新的子节点将作为调用节点的最后一个子节点插入。
replaceChild()--在childNodes集合种使用指定的newChild来代替oldChild;如果代替成功,则返回oldChild;如果newChild是null,则只需删除oldChild即可。
removeChild()--从节点的ChildNodes集合中删除removeChild指定的节点,如果境晒?则返回删除的子节点。
appendChild()--添加一个新节点到childNodes集合的末尾,如果成功,则返回新节点。
cloneNode()--创建一个新的、复制的节点,并且如果传入的参数是true时,还将复制子节点,如果节点是一个元素,那么还将复制相应属性,返回新的节点。
为了在一棵文档树中访问或者建立一个新的节点,可以用下面这些方法:
getElementById()
getElementsByTagName()
createElement()
createAttribute()
createTextNode()
注意:在一个页面中只有一个文档对象,除了getElementsByTagName()外,其它方法均只能通过document.methodName()调用。
再看一下下面这个例子:
结果将会显示"P",下面是一些解释
document.documentElement - gives the page's HTML tag.
lastChild - gives the BODY tag.
firstChild - gives the first element in the BODY.
tagName - gives that element's tag name, "P" in this case.
另一个:
这个例子和上面并没有什么大的区别,仅仅是多了一个空行,但是在NS中,会自动为空行加上一个节点所以返回值是"undefined",而在IE中将跳过空行仍然指向P标签。
更常用的方法:
这种方法你不用关心节点在文档树的哪一个地方,而只要保证在页面中它的ID号是唯一的就可以了。
接下来一种访问元素节点的方法是document.getElementsByTagName(),它的返回值是一个数组,例如你可以通过下面的例子改变整个页面的连接：
attribute和attributes
attribute对象和元素相关,但是却没有被认为是文档树的一部分,因此属性不能作为子节点集合的一部分来使用。
有三种方法可以为元素建立新的属性
1.
2.
3.
你可以在html标签种定义自己的属性:
返回值将是"myvalue".但是请注意这里必须使用getAttribute,而不是AttributeName,因为有一些浏览器并不支持自定义属性。
attributes也可以被轻易的从一个元素中删除,你可以使用removeAttribute()或者将element.attributeName指向一个null值。
通过attributes我们就可以产生一些动态效果：
另一种:
跟上面的例子一样,展示了可用通过元素修改style中的属性,甚至是class中的.唯一要提到的是textAlign是从style中的text-align中演变而来的,有一条基本规律,就是style中的属性如果出现-则在dom中将会被去掉并且随后的一个字母将改为大写,还有一点就是如果即使元素中没有style属性,上述例子同样可以使用。
text nodes:
先看一下例子：
首先text nodes并没有像elements那样具有id属性,所有它并不能直接通过document.getElementById()或者document.getElementsByTagName()访问
看一下下面的结构也许会更明白一些：
可以看出通过document.getElementById('sample1').firstChild.nodevalue就可以读取或者设置text nodes的值了。
另一个更加复杂一点的例子：
它的文档结构
在这里通过document.getElementById('sample1').firstChild.nodevalue讲仅仅改变"This is the"
而initial text.将不会改变.在这里大家应该看到了它和innerHTML的不同了.当然你也可以这样用：
其中的html代码将不会被解释,浏览器将把他们当成普通的文本来显示。
创建和删除text nodes:
通过上面的代码你可以创建一个新的text node,但是它并不是文档树的一部分,要让它显示在页面上就必须让它成为文档树中某一个节点的child,因为
text nodes不能有儿子,所以你不能将它加入到一个text nodes中,attribute也不属于文档树的一部分,这条路也不行,现在只剩下elements nodes
了,以下的例子展示了如何添加和删除一个text node：
增加文本是很容易的,上面的代码建立了一个新的text node并且通过appendChild()方法将其加入到childNodes数组的末尾,并设置了一个counter1的全局变量,利于观察
hasChildNodes()的返回值是true or false;用来判断当前节点是否还有child,以阻止当其没有child的时候调用removeChild()产生的错误。
创建element nodes
有了上面的基础,应该更容易理解了,先看一下下面的代码
你还可以直接为新加的element nodes设置attribute,以下两种都可以:
boldEl.style.color = "#ffff00";
paraEl.appendChild(boldEl);
或者:
paraEl.appendChild(boldEl);
boldEl.style.color = "#ffff00";
DOM属性
DOM提供了一套属性用于导航、访问和更新文档内容，其中包括只读类型的属性和可读写类型的属性。
下表是只读类型的属性：
DOM对象属性 返 回 值
FirstChild 返回一个对象（Object），表示第一个孩子节点（child node）。
LastChild 返回一个对象（Object），表示最后一个孩子节点（child node）。
NextSibling 返回一个对象（Object），表示下一个相邻的兄弟节点。
NodeName 返回节点对应的HTML标记。比如：P，Script。对应文本项节点，返回#text。
nodeType 返回节点的类型，
1表示此节点是标记（tag），
2表示属性（attribute），
3表示文本项。
parentNode 返回一个对象（Object），表示当前节点的双亲节点（parent node）。
previousSibling 返回一个对象（Object），表示前一个相邻的兄弟节点。
specified 返回一个布尔型变量（Boolean），表示是否设置了属性值（attribute）。
下表是可读写类型的属性：
DOM对象属性 返 回 值
data 返回一个字符串，表示文本项节点的值。如果是其他类型节点，返回undefined。
nodevalue 返回一个字符串，表示文本项节点的值。如果是其他类型节点，返回null。
下表是DOM中相关属性集合：
DOM对象属性 返 回 值
attributes 表示节点的属性集合，通过id来访问，比如attributes.id。
childNodes 表示节点的孩子节点集合，通过数组索引方式访问，比如：childNodes[2]。
DOM简介(1)
1.文档对象模型（DOM）
DOM是HTML和XML文档的编程基础，它定义了处理执行文档的途径。编程者可以使用DOM增加文档、定位文档结构、填加
修改删除文档元素。W3C的重要目标是把利用DOM提供一个使用于多个平台的编程接口。W3C DOM被设计成适合多个平台，可
使用任意编程语言实现的方法。
2.节点接口
XML parser用来装载XML文档到缓存中，文档装载时，可以使用DOM进行检索和处理。DOM采用树形结构表示 XML文档，
文档元素是树的最高阶层，该元素有一个或多个孩子节点用来表示树的分枝。
节点接口程序通常用来读和写XML节点树中的个别元素，文档元素的孩子节点属性可以用来构造个别元素节点。XML
parser用来证明Web中的DOM支持遍历节点树的所有函数，并可通过它们访问节点和及其属性、插入删除节点、转换节点树
到XML中。
所有Microsoft XML parser函数得到W3C XML DOM的正式推荐，除了load和loadXML函数（正式的DOM不包括标准函数
loading XML文档）。有13个节点类型被Microsoft XML parser支持，下面列出常用节点：
节点类型 例子
Document type
Processing instruction
Element
Attribute type="beer"
Text Carlsberg
3.使用XML parser
为了更加熟练的处理XML文档，必须使用XML parser。Microsoft XML parser是IIS5.0所带的一个COM组件，一旦安装
了IIS5.0，parser可以利用HTML文档和ASP文件中的脚本。
Microsoft XMLDOM parser支持以下编程模式：
----支持 javascript, VBScript, Perl, VB, Java, C++ 等等
----支持 W3C XML 1.0 和 XML DOM
----支持 DTD 和 validation
如果使用IE5.0中的javascript，可以使用下面的XML文档对象：
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
如果使用VBScript，可以使用下面的XML文档对象：
set xmlDoc = CreateObject("Microsoft.XMLDOM")
如果使用ASP，可以使用下面的XML文档对象：
set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
4.装载一个XML文件到parser中
下面的代码装载存在的XML文档进入XML parser:
第一行脚本增加了一个Microsoft XML parser实例，第三行装载名为”note.xml”的XML文档进入parser中。第二行保
证文档装载完成以后parser进行下一步工作。
5. parseError对象
打开XMl文档时，XML Parser产生错误代码，并存在parseError对象中，包括错误代码、错误文本和错误行号，等信
息。
6.文件错误
下面的例子将试图装载一个不存在的文件，然后产生相应的错误代码：
7.XML错误
下面使用不正确的格式装载XMl文档，
8. parseError属性
属性描述：
errorCode 返回长整型错误代码
reason 返回字符串型错误原因
line 返回长整型错误行号
linePos 返回长整型错误行号位置
srcText 返回字符串型产生错误原因
url 返回url装载文档指针
filePos 返回长整型错误文件位置
9.遍历节点树
一种通用的析取XML文档的方法是遍历节点树和它的元素值。下面是使用VBScript写的遍历节点树的程序代码：
有了这些以后写js的时候要更复杂了，决不能只写一个简单的验证。。
另外。不弄懂xml，就表去弄ajax了。没点激情的哇。还是老老实实的从基础来。。
一路走来都是跳三步。。说是懂。。其实只是会写而已。不懂内涵，花终究是要谢的。。
如果没有果实。。那就太可惜了。