xml dom中var x=xmlDoc.getelementsbynameTagName("title")[0].ownerDocument; [ ]中为零代表什么取2时
点击联系发帖人
时间：2015-11-07 11:19
etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp
etElementByID
getElementsByName&
getElementsByTagName的区别和总结
WEB标准下可以通过getElementById(), getElementsByName(), and
getElementsByTagName_r()访问DOCUMENT中的任一个标签：
1、getElementById()
getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。
比如说有一个DIV的ID为docid：
id="docid"&&/div&
那么就可以用getElementById("docid")来获得这个元素。
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
&meta http-equiv="Content-Type" content="text/
charset=gb2312"&
&title&ById&/title&
&style type="text/css"&
height:400
background-color:#999;}
&body&&div id="docid"
name="docname"
onClick="bgcolor()"&&/div&
&script language="JavaScript"
type="text/JavaScript"&
function bgcolor(){
document.getElementByIdx_x("docid").style.backgroundColor="#000"
、getElementsByName()
这个是通过NAME来获得元素，但不知大家注意没有，这个是GET ELEMENTS，复数ELEMENTS代表获得的不是一个元素，为什么呢？
因为DOCUMENT中每一个元素的ID是唯一的，但NAME却可以重复。打个比喻就像人的身份证号是唯一的（理论上，虽然现实中有重复），但名字
重复的却很多。如果一个文档中有两个以上的标签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。
比如有两个DIV：
&div name="docname"
id="docid1"&&/div&
&div name="docname"
id="docid2"&&/div&
那么可以用getElementsByName("docname")获得这两个DIV，用getElementsByName("docname")[0]访问第一个DIV，用getElementsByName
3、getElementsByTagName_r()
这个呢就是通过TAGNAME（标签名称）来获得元素，一个DOCUMENT中当然会有相同的标签，所以这个方法也是取得一个数组。
下面这个例子有两个DIV，可以用getElementsByTagName_r("div")来访问它们，用getElementsByTagName_r("div")[0]访问第一个DIV，用
getElementsByTagName_r("div")[1]访问第二个DIV。
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" ""&
&html xmlns=""&
&meta http-equiv="Content-Type" content="text/
charset=gb2312"&
&title&Byname,tag&/title&
&style type="text/css"&
#docid1,#docid2{
height:400
background-color:#999;}
&div name="docname" id="docid1"
onClick="bgcolor()"&&/div&
&div name="docname" id="docid2"
onClick="bgcolor()"&&/div&
&script language="JavaScript"
type="text/JavaScript"&
function bgcolor(){
var docnObj=document.getElementsByTagName_r("div");
docnObj[0].style.backgroundColor = "black";
docnObj[1].style.backgroundColor = "black";
总结一下标准DOM，访问某一特定元素尽量用标准的getElementById()，访问标签用标准的getElementByTagName(),但IE不支持
getElementsByName()，所以就要避免使用getElementsByName()，但getElementsByName()和不符合标准的document.all[]也不是全无是处，它
们有自己的方便之处，用不用那就看网站的用户使用什么浏览器，由你自己决定了。
Javascript中的getElementById十分常用，但在标准的页面中，一个id只能出现一次，如果我想同时控制多个元素，例如点
一个链接，
让多个层隐藏，该怎么做？用class，当然，同一个class是可以允许在页面中重复出现的，那么有没有getElementByClass呢？没有，
但是可以解决：
//Create an array
var allPageTags = new Array();
function hideDivWithClasses(theClass) {
//Populate the array with all the page tags
var allPageTags=document.getElementsByTagName_r("div");
//Cycle through the tags using a for loop
for (i=0; i//Pick out the tags with our class name
if (allPageTags[i].className==theClass) {
//Manipulate this in whatever way you want
allPageTags[i].style.display='none';
1，grid.getCell(i,3).innerHTML；curobj.nextSibling.innerHTML
&&& innerHTML
InnerHtml 属性不自动对进出 HTML 实体的特殊字符进行编码。HTML 实体允许显示特殊字符（如
& 字符），浏览器通常会将这些字符解释为具有特殊含义。&
字符会被解释为标志的开头，并且不会在页面上显示。若要显示 & 字符，将需要使用实体
例如，如果 InnerHtml 属性设置为 "&b& Hello
&/b&"，则 & 和
& 字符不会分别转换为 & 和
&。呈现的输出仍将是：&b&
Hello &/b&。浏览器将检测
&b& 标记并用粗体显示“Hello”文本。
警告&& 由于未对此文本进行 HTML
编码，因此可以在文本的 HTML 标记内嵌入脚本。如果该属性是使用用户输入动态设置的，请务必验证它的值以减少安全漏洞。
若要提供自动 HTML 编码和解码，请使用 InnerText 属性。
以上是微软的一个网站上介绍的，而我只是简单的认为取出来的是html格式。
2，typeName =
temp.options[temp.selectedIndex].innerTdocument.all("B1").innerText="
关闭";name==name_other.options[i].innerText；opn.innerText=nameArray[i];
使用 InnerText 属性以编程方式修改 HTML 服务器控件的开始和结束标记之间的内容。
与 InnerHtml 属性不同，InnerText 属性自动对进出 HTML 实体的特殊字符进行编码。HTML
实体允许显示特殊字符（如 &
字符），浏览器通常会将这些字符解释为具有特殊含义。&
字符会被解释为标志的开头，并且不会在页面上显示。若要显示 & 字符，将需要使用实体
例如，如果 InnerText 属性设置为 "&b& Hello
&/b&"，则 & 和
& 符号分别转换为 & 和
&。呈现的输出将是：& b
& Hello &/b
实体将向浏览器指示这些字符将显示在页上。浏览器将不检测 &b&
标记并用粗体显示该文本。显示在页上的文本是：&b& Hello
&=======================================================================
用js读出xml中的项中。项中。。项中。的子内容
LANGUAGE="JavaScript"&
& xmlDoc=loadXMLDoc("");
//调用下面的loadxml
&//var x=xmlDoc.getElementsByTagName_r('title');
//得到一共有多少个title对象
& var x=xmlDoc.getElementsByTagName_r('item');
&// var x=b.getElementsByTagName_r('title');
& for (i=0;i&x.i++)
& //document.write(x[i].childNodes[1].nodeValue)
//不知道元素，则用
xmldoc.getElementsByTagName_r("item")[i].chileNodes[0].nodeValue表示第一项的值
document.write(x[i].getElementsByTagName_r("title").item(0).text);&&
//心得"如果知道title指定元素则用他"
& document.write("&br
& function loadXMLDoc(dname)
// code for IE
if (window.ActiveXObject)
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation &&
document.implementation.createDocument)
xmlDoc=document.implementation.createDocument("","",null);
alert('Your browser cannot handle this script');
xmlDoc.async=
xmlDoc.load(dname);
return(xmlDoc);
&&/SCRIPT&
=================================================
xml+js实例<img src="/blog7style/images/common/sg_trans.gif" real_src ="/Emoticons/QQ/03.gif" WIDTH="20" BORDER="0" HEIGHT="20"
ALT="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp"
TITLE="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp" />
The XML file“note.xml“&?xml version="1.0"
encoding="ISO8859-1" ?&
&to&Tove&/to&
&from&Jani&/from&
&heading&Reminder&/heading&
& &body&Don't forget
me this weekend!&/body&
以下三组脚本分别反映了不同的方法(容易理解)
&script language="VBScript"
type="text/VBScript"&
set xmlDoc=CreateObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("note.xml")
for each x in xmlDoc.documentElement.childNodes
& document.write(x.nodename)
& document.write(": ")
& document.write(x.text)
document.write("&br&")
&script language="JavaScript"
for="window" event="onload"&
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("note.xml")
nodes = xmlDoc.documentElement.childNodes
to.innerText = nodes.item(0).text
from.innerText = nodes.item(1).text
header.innerText = nodes.item(2).text
body.innerText = nodes.item(3).text
&title&HTML using XML
data&/title&
&h1&Refsnes Data Internal
id="to"&&/span&
id="from"&&/span&
id="header"&&/span&&/b&
id="body"&&/span&
language="JavaScript"&
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("note.xml")
document.write("The From element contains: ")
document.write(xmlDoc.getElementsByTagName"from").item(0).text)
etElementByID getElementsByName&
getElementsByTagName&&&&&OE&&&&&’&OE&&&&&“
WEB&&&D&&D&&&&&�&&&&&&&&&&DgetElementById(),
getElementsByName(), and
getElementsByTagName_r()&&&&—&DOCUMENT&&&&&&&&&&&&&&&&&&D&&¾&¼&
1&&�getElementById()
getElementById()&�&&&&&&&&—&DOCUMENT&&&&&&&&Y�&&&&&¹&&&&…&&&&&¼&OE&&¾&��&&�&¹&&¼&OE&°±&&&&&&&&&DID&�&&�&&¾—&…&&&&&¼&OE&&&&&&&�&&&½&&&&—&&&¾&½&&&&ID&&&&…&&&&&&&
&&”&&&&&&&&&&&&&&&DIV&&&ID&&&docid&¼&
&&&&¹&&°±&�&&&&&”&getElementById("docid")&�&&Ž·&¾—&&&&&&&…&&&&&&&
&&�getElementsByName()
&&&&&&&&&&&&&&&DNAME&�&&Ž·&¾—&…&&&&&¼&OE&½&&&�&&Y&&¤&&&&&³&&&�&²&&&&&¼&OE&&&&&&&&&GET&&&ELEMENTS&¼&OE&¤�&&°ELEMENTS&&&&&&&Ž·&¾—&&&&&�&&&&&&&&&&…&&&&&¼&OE&&&&&&&¹&&‘&&¼&Y
&&&&&&DOCUMENT&&&&&�&&&&&&&…&&&&&&&ID&&&&”&&&&&&&&¼&OE&½&NAME&�&&�&&&&&&D�&¤�&&&&&“&&&&&”&&&&°±&&�&&&&&&&&&&&½&&�&�·&&&&”&&&&&&&&¼&&�&&&&&&&S&¼&OE&&½&&&&Ž°&&ž&&&&&&&&D�&¤�&¼&&¼&OE&½&&��&&—
&&D�&¤�&&&&�&&¾&&¤&&&&&&&&ž&&&&&&&&&&D&&&&&&&&&&&¤&&&&&&&&&S&&&&&&D&&¾NAME&&&&�&OE&¼&OE&&&&¹&getElementsByName()&°±&�&&&&&�&&¾—&&&&&&&…&&&&&&&&&�&&&&&&&&°&&&&&&
&&”&&&&&&&&¤&&&DIV&¼&
&&&&¹&&�&&&&&”&getElementsByName("docname")&Ž·&¾—&&&&&¤&&&DIV&¼&OE&”&getElementsByName("docname")[0]&&&&—&&&&&&&&&&DIV&¼&OE&”&getElementsByName
3&&�getElementsByTagName_r()
&&&&&&&‘&&°±&&&&&&&&&DTAGNAME&¼&&&&D&&¾&��&&°&¼&&�&&Ž·&¾—&…&&&&&¼&OE&&&&&&DOCUMENT&&&&½“&&&&¼&&&&&&&&�&OE&&&&&&D&&¾&¼&OE&&&&&&&&&&&&&&¹&³&&¹&Y&&&&�&&¾—&&&&&&&&°&&&&&&
&&&&�&&&&&&&&¾&&&�&&&&&¤&&&DIV&¼&OE&�&&&&&”&getElementsByTagName_r("div")&�&&&&&—&&&&&&&&¼&OE&”&getElementsByTagName_r("div")[0]&&&&—&&&&&&&&&&DIV&¼&OE&”&
getElementsByTagName_r("div")[1]&&&&—&&&&&&&OE&&&DIV&&&
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
http://www.w3.org/1999/xhtml"&
&&&&&“&&&&&&&&&D&&D&DOM&¼&OE&&&&—&&&Y�&&&&&¹&&&&…&&&&&°½&&D�&”&&&&D&&D&&&&getElementById()&¼&OE&&&&—&&&&D&&¾&”&&&&D&&D&&&&getElementByTagName(),&½&IE&&�&”&&&OE�
getElementsByName()&¼&OE&&&&&&&°±&&�&�&&…�&½&&”&getElementsByName()&¼&OE&½&getElementsByName()&’&OE&&�&&&&�&&&&D&&D&&&&document.all[]&¹&Y&&�&&&&…&&—&&&&&¤&&¼&OE&&&
&&&&&&&&D&&·±&&&&&¹&¾&&¹&&¤&&¼&OE&”&&&�&”&&&&&°±&&&&½‘&&&&&&&”&&&·&½&&”&&&&&¹&&&�&&&&&&&¼&OE&”±&½&&&D&&·±&&³&&&&&&&&&
&&&&&&Javascript&&&&&&getElementById&��&&&&&&&”&&¼&OE&½&&&&&&&D&&D&&&&&&&&�&&&&&¼&OE&&&&&&id&�&&&½&&D&&Ž°&&&&&&&¼&OE&&&&ž&&&‘&&³&�&OE&—&&Ž&&&&&¤&&&&&…&&&&&¼&OE&¾&&&&&&¹
&&&&&&&“¾&Ž&&¼&OE
&&&&¤&&&&&±&&&�&—�&¼&OE&&&&&Ž&¹&&�&&¼&Y&”&class&¼&OE&½“&&&&¼&OE&�&OE&&&&&&class&&&&�&&&&&…�&&&&&&&&&&�&&&&&&D�&¤�&&D&&Ž°&&&&¼&OE&&&&¹&&&&&²&&&&getElementByClass&‘&&¼&Y&²&&&&&¼&OE
&½&&&&&�&&&&&&&&&³&¼&
//Create an array
var allPageTags = new Array();
function hideDivWithClasses(theClass) {
//Populate the array with all the page tags
var allPageTags=document.getElementsByTagName_r("div");
//Cycle through the tags using a for loop
for (i=0; i//Pick out the tags with our class name
if (allPageTags[i].className==theClass) {
//Manipulate this in whatever way you want
allPageTags[i].style.display='none';
1&¼&OEgrid.getCell(i,3).innerHTML&¼&curobj.nextSibling.innerHTML
&&& innerHTML
InnerHtml &±ž&&&&&�&&D&&&S&&&¹&&&&&D& HTML
&&ž&½“&&&&&¹&&&S&&—&&&&&&&&&OE&¼&&&�&&&HTML
&&ž&½“&…�&&&&&¾&¤&&&¹&&&S&&—&&&&¼&&&& &
&&—&&&&¼&&¼&OE&&�&&&&&&&&&&&&&¼&&°&&&&&&&&&—&&&&&&&&D&S&&&&…·&&&&&¹&&&S&�&&¹&&&&&
&&—&&&&¼&&&&&&&&&D&S&&&&&&D&&—&&&&¼&&¤&&¼&OE&¹&&&”&&�&¼&&&&&&&&�&&&&S&&¾&¤&&&&&&&&&�&&¾&¤&
& &&—&&&&¼&OE&°&&&&&&�&½&&”&&&ž&½“
&¾&&&&&¼&OE&&&&ž& InnerHtml &±ž&&&&&¾&½&&&& " Hello "&¼&OE&&&
& &’&OE & &&—&&&&&�&¼&&&&&&&&½&&�&&&&
& &’&OE &&&&&‘&&Ž°&&&&¾“&&D&&&�&°&&&&&¼&
Hello &&&&&�&&&&&&&°&&&&&&&
&&&D&&°&¹&&”&&²—&½“&&¾&¤&&&&Hello&&�&&&D&&&&&&
&&&&‘&S&&
&”±&&Ž&&&&&¹&&¤&&&D&&&&&&&&&OE HTML
&¼&&&�&¼&OE&&&&&¤&�&&&&&&&&&&D&&&&&&
&&&D&&°&&…&&&OE&…&&&&&&&&&&&&&&ž&&&&&±ž&&&&&&&½&&”&&”&&&·&¾“&…&&&S&&&�&&¾&½&&&&&¼&OE&&·&&S&&&…&&&OE&&�&&&&&&&&¼&&&&&D�&°‘&&&&…&&¼�&&ž&&&
&&&&&�&��&¾&&&D&&&S& HTML
&¼&&&�&’&OE&&&&&�&¼&OE&&·&½&&”&
InnerText &±ž&&&&&&
&&&&&&S&&&&¾&&½&&&&&&&&&&&½‘&&&&&&S&&&&&�&&&&¼&OE&&&OE&&‘&�&&&&&&&&�&&&&&&¤&&&&�&&&D&&�&&&&&&&html&&¼&¼�&&&
2&¼&OEtypeName =
temp.options[temp.selectedIndex].innerTdocument.all("B1").innerText="
&…³&—&";name==name_other.options[i].innerText&¼&opn.innerText=nameArray[i];
&½&&”& InnerText &±ž&&&&&&&¼&&&&&&¹&¼�&&&&”¹ HTML
&&�&&S&&&&&Ž&&&&&&&&¼&&&&&’&OE&&“&�&Y&&&D&&°&¹&&—&&&&&&…&&¹&&&
&&Ž InnerHtml &±ž&&&&&�&�&OE&¼&OEInnerText &±ž&&&&&D&&&S&&&¹&&&&&D&
HTML &&ž&½“&&&&&¹&&&S&&—&&&&&&&&&OE&¼&&&�&&&HTML
&&ž&½“&…�&&&&&¾&¤&&&¹&&&S&&—&&&&¼&&&& &
&&—&&&&¼&&¼&OE&&�&&&&&&&&&&&&&¼&&°&&&&&&&&&—&&&&&&&&D&S&&&&…·&&&&&¹&&&S&�&&¹&&&&&
&&—&&&&¼&&&&&&&&&D&S&&&&&&D&&—&&&&¼&&¤&&¼&OE&¹&&&”&&�&¼&&&&&&&&�&&&&S&&¾&¤&&&&&&&&&�&&¾&¤&
& &&—&&&&¼&OE&°&&&&&&�&½&&”&&&ž&½“
&¾&&&&&¼&OE&&&&ž& InnerText &±ž&&&&&¾&½&&&& " Hello "&¼&OE&&&
& &’&OE & &&&&�·&&&&&&&½&&�&&&&
&&&&&‘&&Ž°&&&&¾“&&D&&°&&&&&¼&& b
& Hello &/b
&&&&& &’&OE &
&&ž&½“&°&&�‘&&�&&&&&&&&OE&D&¤&&&&&&&&&—&&&&°&&&¾&¤&&&&&&&&&&S&&&&&�&&&&&&&°&&&�&&&&&&
&&&D&&°&¹&&”&&²—&½“&&¾&¤&&&&&&&D&&&&&&&&¾&¤&&&&&&&&&&S&&&&&&D&&&&&&&¼&
&=======================================================================
&”&js&&&&&D&xml&&&&&&&&¹&&&&&&&&¹&&&&&&&&&&&¹&&&&&&&&&&&�&&…&&¹
=================================================
xml+js&&ž&¾&
<img src="/blog7style/images/common/sg_trans.gif" real_src ="/Emoticons/QQ/03.gif" WIDTH="20" BORDER="0" HEIGHT="20"
ALT="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp"
TITLE="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp" />
The XML file&&¬e.xml&&&
& Reminder
Don't forget me this weekend!
&&&&&&&&&&&&&&&&&&&&&&&&&��&&&&&&&&�&�&OE&&&&&¹&³&(&&¹&&“&�&&&&)
Refsnes Data Internal Note
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。XML DOM getElementsByTagName() 方法 PHP100_com
XML DOM getElementsByTagName() 方法
定义和用法
getElementsByTagName() 方法可返回带有指定名称的所有元素的一个节点列表。
getElementsByTagName(name)
字符串值，规定需检索的标签名。值 &*& 匹配所有的标签。
文档树中具有指定标记的 Element 节点的只读数组（从技术上讲，是 NodeList 对象）。返回的元素节点的顺序就是它们在源文档中出现的顺序。
该方法将返回一个 NodeList 对象（可以作为只读数组处理），该对象存放文档中具有指定标签名的所有 Element 节点，它们存放的顺序就是在源文档中出现的顺序。NodeList 对象是“活”的，即如果在文档中添加或删除了指定标签名的元素，它的内容会自动进行必要的更新。
注意，Element 接口定义了一个同名的方法，该方法只检索文档的子树。另外，HTMLDocument 接口定义了 getElementsByName() 方法，基于 name 属性的值（而不是标签名）检索元素。
可以用下列代码检索并遍历 HTML 文档中的所有 &h1& 标记：
var headings = document.getElementsByTagName(&h1&);
for (var i = 0; i & headings. i++)
var h = headings[i];
在所有的例子中，我们将使用 XML 文件 ，以及 JavaScript 函数 。
以下代码片段可显示 &books.xml& 中所有 &title& 元素的值：
xmlDoc=loadXMLDoc(&books.xml&);
var x=xmlDoc.getElementsByTagName('title');
for (i=0;i&x.i++)
document.write(x[i].childNodes[0].nodeValue)
document.write(&&br /&&)
Everyday Italian
Harry Potter
XQuery Kick Start
Learning XML2849人阅读
以下程序在IE6和Firefox/3.1b1 下测试通过在Ajax返回的responseXML中，需要对其进行解析，而IE6和Firefox是有点小区别的以下附上完整代码再解释。XML文件：&version="1.0"&&&&Red&&&&Green&&&&BlueHTML：&xmlns="http://www.w3.org/1999/xhtml"&content="text/&charset=utf-8"&http-equiv="Content-Type"&无标题&1&type="text/javascript"var&options&=&false;//创建XMLHttpRequest对象function&CreateRequest(){&&&&if&(window.XMLHttpRequest)&&&&&&&&return&new&XMLHttpRequest();&&&&else&if&(window.ActiveXObject)&&&&&&&&return&new&ActiveXObject("Microsoft.XMLHTTP");&&&&else&&&&&&&&return&}function&GetDataFromXML(filename){&&&&var&request&=&CreateRequest();&&&&if&(!request)&&&&&&&&&&&&&&&&&&&&var&result&=&document.getElementById("result");&&&&var&txts&=&document.getElementById("txts");&&&&&&&&request.open("GET",&filename);&&&&request.onreadystatechange&=&function()&&&&{&&&&&&&&if&(request.readyState==4)&&&&&&&&{&&&&&&&&&&&&//由于是本地测试,有时会出现&request.status=0&的情况&&&&&&&&&&&&if&(request.status==200)&&&&&&&&&&&&{&&&&&&&&&&&&&&&&var&xmlD&&&&&&&&&&&&&&&&//IE6&&&&&&&&&&&&&&&&if&(window.ActiveXObject)&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&xmlDoc&=&new&ActiveXObject("Microsoft.XMLDOM");&&&&&&&&&&&&&&&&&&&&xmlDoc.async&=&false;&&&&&&&&&&&&&&&&&&&&xmlDoc.load(request.responseXML);//不可以是&responseText&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&//Firefox&&&&&&&&&&&&&&&&else&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&xmlDoc&=&request.responseXML;&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&options&=&xmlDoc.getElementsByTagName("option");&&&&&&&&&&&&&&&&txts.value&=&options.&&&&&&&&&&&&&&&&ListOptions();&&&&&&&&&&&&}&&&&&&&&}&&&&}&&&&request.send(null);}//为select添加选项function&ListOptions(){&&&&var&select&=&document.getElementById("select");&&&&&&&&for&(var&i=0;&i;&i++)&&&&{&&&&&&&&select.options[i+1]&=&new&Option(options[i].firstChild.data,&options[i].firstChild.data);&&&&}}function&SelectChange(){&&&&var&txts&=&document.getElementById("show");&&&&var&select&=&document.getElementById("select");&&&&txts.style.color&=&select.}&&&&&&&&&&&&&type="button"&id="btn"&onclick="GetDataFromXML('test.xml');"&value="Submit"&&&&&&&&&&&&&&id="result"&&&&&&&&&&&&&id="select"&onchange="SelectChange();"&&&&&&&&&&&&==请选择颜色==&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&cols="10"&rows="10"&id="txts"&style="width:500&height:300"&&&&&&&&&&id="show"&&&&&&&&this&is&show...&&&&区别体现在HTML代码中40－51行，IE6中是要创建对象 ActiveXObject("Microsoft.XMLDOM") 对responseXML对象进行加载后方可用getElementsByTagName进行解析的。不知道这点区别而一直在IE6下测试会一头雾水，没报错但也没结果。为了简单，本程序在创建XMLHttpRequest对象时只考虑了IE6及以上版本和FF，而如果要考虑老版本的IE，则需要更复杂的创建过程。
版权声明：本文为博主原创文章，未经博主允许不得转载。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：11571次
排名：千里之外
(5)(2)(1)(3)1348人阅读
要检测浏览器是否支持DOM2级的XML，可以使用以下的代码：
var hasXmlDom=document.implementation.hasFeature(&XML&,&2.0&);
DOMParser类型
var parser=new DOMParser();
var xmldoc=parser.parseFormString(&&root&&child/&&/root&&,&text/html&);
xmldoc.documentElement.tagN//root
xmldoc.documentElement.firstChild.tagN//child
var children=xmldoc.getElementsByTagName(&child&);
DOMParser只能解析格式良好的XML文档，因此解析的文档要有一定的要求。因此在解析文档时用try-catch进行处理
XMLSerializer类型
将DOM文档序列化为XML字符串。
var serializer=new XMLSerializer();
var xml=serializer.serializeToString(xmldom);
序列化后的字符串并不适合打印，但是它可以序列化任何有效地DOM对象，也包括HTML文档。序列化后的文档是格式良好的。
IE创建XML解析对象
function createDocument(){
if(typeof arguemnts.callee.activeXString!=&string&){
var versions=[&MSXML2.DOMDocument.6.0&,&MSXML2.DOMDocument.3.0&,&MSXML2.DOMDocument&],i,
for(i=0,len=versions.i&i++){
new ActiveXObject(versions[i]);
arguments.callee.activeXString=versions[i];
}catch(ex){ &}
return new ActiveXObject(arguments.callee.activeXString);
解析XML文档的方法是loadXML()方法。解析过程出错，可以查看parseError属性，在其中找到错误信息。可以通过下面的代码找到错误：
if(xmldom.parseError!=0){
&&// 添加处理错误的代码
应该在调用了loadXML之后，查询XML文档之前检查是否发生了解析错误。
IE将序列化XML的能力内置在了DOM文档中，每个DOM节点都内置了一个xml属性，保存着该节点的XML字符串。
IE中的XML文档对象也可以加载来自服务器的文件。要加载的XML文档必须与页面中运行的js代码来自同一台服务器。加载文档的方式分为两种，同步和异步，设置async属性为true时，表示异步，false时表示同步。在确定了文档的加载方式后，调用load()可以启动下载过程。这个方法接收一个参数，即要加载的XML文档的URL。在同步方式下，调用load()之后可以立即检测解析错误并执行相关的XML处理。
var xmldoc=createDocument();
xmldoc.async=
xmldoc.load(&example.xml&);
if(xmldoc.parseError!=0){
&& &//处理错误
alert(xmldoc.xml);
虽然同步加载的方式比较简便，但是时间过长。因此在加载过程中，多采用异步加载的方式。
var xmldoc=createDocument();
xmldoc.async=
xmldoc.onreadystatechange=function(){
if(xmldoc.readyState==4){
&if(xmldoc.parseError!=0){
//处理错误
alert(xmldoc.xml);
xmldoc.load(&example.xml&);
ActiveX控件为了预防安全问题，不允许使用this对象。
跨浏览器处理XML
解析XML的方法
function parseXml(xml){
& & & var xmldom=
&&if(typeof DOMParser!=&undefined&){
&xmldom=(new DOMParser()).parseFromString(xml,&text/xml&);
&var errors=xmldom.getElementsByTagName(&parsererror&);
&if(errors.length){
throw new Error(&XML parsing error:&+errors[0].textContent);&
&& }else if(typeof ActiveXObject!=&undefined&){
&&xmldom=createDocument();
&&xmldom.load(xml);
&&if(xmldom.parseError!=0){
throw new Error(&XML parsing error:&+xmldom.parseError.reason); &
&&throw new Error(&No XML parser available!&); &&
只接受一个参数XML的字符串，返回DOM结构的XML。
对于序列化XML，也可以按照同样的方式编写一个能够在四大浏览器中运行的函数。
function serializeXml(xmldom){
& if(typeof XMLSerializer!=&undefined&){
&return (new XMLSerializer()).serializeToString(xmldom); &
& }else if(typeof xmldom.xml!=&undefined&){
return xmldom. &
throw new Error(&could not serialize XML DOM&); &
浏览器对XPath的支持
XPath是设计用来在DOM文档中查找节点的一种手段，因而对XML的处理也很重要。很多浏览器实现了这个标准，IE有自己的实现方式。
DOM3级XPath
下面的代码是用来检测浏览器是否支持DOM3级的XPath：
var supportsXPath=document.implementation.hasFeature(&XPath&,&3.0&);
在DOM3级的XPath规范定义的类型中，最重要的两个类型是XPathEvaluator和XPathResult 。XPathEvaluator用在特定的上下文中对XPath表达式的求值。这个类型由三个方法：
createExpression(expression,nsresolver):将XPath表达式及相应的命名空间信息转化成一个XPathExpression，这是查询的编译版。在多次使用同一个查询时很有用。
createNSResolver(node):根据node的命名空间信息创建一个新的XPathNSResolver对象。在基于使用命名空间的XML文档求值时，需要使用XPathNSResolver对象。
evaluate(expression.context,nsresolver,type,result):在给定的上下文中基于特定的命名空间信息来对XPath求值，剩下的参数指定如何返回结果。
这几个方法中，evaluate方法最常用。这个方法接收5个参数：XPath表达式，上下文节点，命名空间求解器，返回结果的类型和保存结果的XPathResult对象（通常是null，因为结果会以函数值的形式返回）。第三个参数宅在XML代码中使用了XML命名空间时有必要指定，如果没使用，设置为null。第四个参数的的取值范围是下列的常量之一：
XPathResult.ANY_TYPE:返回与XPath表达式匹配的数据类型
XPathResult.NUMBER_TYPE:数字
XPathResult.STRING_TYPE:字符串
XPathResult.BOOLEAN_TYPE:布尔值
XPathResult.UNORDERED_NODE_ITERATOR_TYPE:无序的匹配节点集合
XPathResult.ORDERED_NODE_ITERATOR_TYPE:有序的节点匹配集合
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE:无序的匹配节点快照集合
XPathResult.ORDERD_NODE_SNAPSHOT_TYPE:有序的匹配节点快照集合
XPathResult.ANY_UNORDERED_NODE_TYPE:返回匹配的节点集合，顺序会与原文不一定一致。
XPathResult.FIRST_ORDERED_NODE_TYPE:返回一个节点的集合
指定的结果类型决定了如何取得结果的值。
var result=xmldom.evaluate(&employee/name&,xmldom.documentElement,null,XPathResult.ORDERED_NODE_ITERATOR_TYPE,null);
if(result!=null){
& &var node=result.iterateNext();
& &while(node){
&& & alert(node.tagName);
&node=node.iterateNext();
如果指定的是快照结果类型，就必须使用snapshotItem()方法和snapshotLength属性。
var result=xmldom.evaluate(&employee/name&,xmldom.documentElement,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
if(result!=null){
& for(var i=0,len=result.snapshotLi&i++){
&& &alert(result.snapshotItem(i).tagName);&
单节点的结果可以通过singleNodeValue属性来访问该节点。
简单类型的结果分别会通过booleanValue,numberValue,stringValue来访问。
对使用命名空间的XML求值的方法：
1.通过createNSResolver(node)方法来创建XPathNSResolver对象，然后再使用evaluate()方法来获取结果
var nsresolver=xmldom.createNSResolver(xmldom.documentElement);
var result=xmldom.evaluate(&wrox:book/wrox:author&,xmldom.documentElement,nsresolver,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
alert(result.snapshotLength);
2.定义一个函数，让它接收一个命名空间前缀，返回关联的URI
var neresolver=function(prefix){
&& &switch(prefix){
&&case &wrox&: return &/&;
&&//其他前缀
var result=xmldom.evaluate(&count(wrox:book/wrox/author)&,xmldom.documentElement,nsresolver,XPathResult.NUMBER_TYPE,null);
alert(result.numberValue);
IE中的XPath
IE对XPath的支持是内置在基于ActiveX的XML DOM文档对象中的。在这个操作XPath的接口中有两个方法：selectSingleNode()和selectNodes()。其中selectSingleNode()方法接收一个XPath模式，在找到的匹配中返回第一个匹配节点，如果没有返回null。
var element=xmldom.documentElement.selectSingleNode(&employee/name&);
if(element!=null){
& &alert(element.xml);
另一个方法selectNodes()也接收一个XPath模式，但是它返回与模式匹配的所有节点的NodeList。如果没找到匹配的，返回一个包含零项的NodeList.
var elements=xmldom.documentElement.selectNodes(&employee/name&);
alert(elements.length);
IE对命名空间的支持
下面是对要操作的XML ＤＯＭ设置命名空间的方法：
xmldom.setproperty(&SelectionNamespaces&,&xmlns='/'&);
var result=xmldom.documentElement.selectNodes(&wrox:book/wrox:author&);
alert(result.length);
跨浏览器使用XPath
第一个跨浏览器的方法是selectSingleNode()，接收三个参数：上下文节点，XPath表达式，可选的命名空间
function selectSingleNode(context,expression,namespace){
& &var doc=(context.nodeType!=9?context.ownerDocument:context);
& &if(typeof doc.evaluate!=&umdefined&){
&&var nsresolver=
&&if(namespace instanceof Object){
&nsresolver=function(prefix){
&& &return namespace[prefix];
&&var result=doc.evaluate(expression,context,nsresolver,XPathResult.FIRST_ORDERED_NODE_TYPE,null);
&&return (result!==null?result.singleNodeValue:null);
& &}else if(typeof context.selectSingleNode!=&undefined&){
&&if(namespace instanceof Object){
var ns=&&;
for(var prefix in namespace){
&& if(namespaces.hasOwnProperty(prefix)){
&&ns+=&xmlns:&+prefix+&='&+namespaces[prefix]+&' &; &&
doc.setProperty(&SelectionNamespaces&:ns);
&&return context.selectSingleNode(expression);
&&throw new Error(&no XPath engine found&); &&
下面是这个函数的使用示例：
var result=selectSingleNode(xmldom.documentElement,&wrox:book/wrox:author&,{wrox:&/&});
alert(serializeXml(result));
下面的函数是跨浏览器封装的selectNodes()函数，这个函数接收与上一个函数有相同的三个参数。
function selectNodes(context,expression,namespace){
& &var doc=(context.nodeType!=9?context.ownerDocument:context);
& &if(typeof doc.evaluate!=&umdefined&){
&&var nsresolver=
&&if(namespace instanceof Object){
&nsresolver=function(prefix){
&& &return namespace[prefix];
&&var result=doc.evaluate(expression,context,nsresolver,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
&&var nodes=new Array();
&&if(result!==null){
&for(var i=0,len=result.snapshotLi&i++){
&& & nodes.push(result.snapshotItem(i));
& &}else if(typeof context.selectSingleNode!=&undefined&){
&&if(namespace instanceof Object){
var ns=&&;
for(var prefix in namespace){
&& if(namespace.hasOwnProperty(prefix)){
&&ns+=&xmlns:&+prefix+&='&+namespaces[prefix]+&' &; &&
doc.setProperty(&SelectionNamespaces&:ns);
&&var result=context.selectNodes(expression);
&&var nodes=new Array();
&&for(var i=0,len=result.i&i++){
&nodes.push(result[i]); &
&&throw new Error(&no XPath engine found&); &&
下面是selectNodes()方法的使用示例：
var result=selectNodes(xmldom.documentElement,&wrox:book/wrox:author&,{wrox:&/&});
alert(result.length);
浏览器对XSTL的支持
它不是一种正式的规范，，是XPath的另一表现形式。IE是第一个支持它的。
简单的XSTL转换XML文档的方式就是将它们分别加到一个DOM文档中，然后使用transformNode()方法。这个方法接收一个参数，即包含XSTL样式表的文档。调用这个方法之后会返回一个包含转换信息的字符串。
xmldom.load(&employees.xml&);
xstldom.load(&employees.xstl&);
var result=xmldom.transformNodes(xstldom);
这个transformNode的参数可以是XML文档的DOM节点。如果不是在文档元素上调用transformNode，那么转换就会从调用节点上开始。
复杂的XSTL转换
要使用复杂的XSTL转换，必须使用XSL模板和XSL处理器。先要把XSTL样式表加载到一个线程安全的XML文档中。
function createThreadSafeDocument(){
& & if(typeof arguments.callee.activeXString!=&string&){
&& var versions=[&MSXML2.FreeThreadedDOMDocument.6.0&,&MSXML2.FreeThreadedDOMDocument.3.0&,&MSXML2.FreeThreadedDOMDocument&],i,
&& for(i=0,len=versions.i&i++){
&&new ActiveXObject(versions[i]);
&&arguments.callee.activeXString=versions[i];
&& }catch(ex){
&//skip &&
return new ActiveXObject(arguments.callee.activeXString);
创建XSTL模板：
function createXSTLTemplate(){
& & if(typeof arguments.callee.activeXString!=&string&){
&& &var versions=[&MSXML2.FreeThreadedDOMDocument.6.0&,&MSXML2.FreeThreadedDOMDocument.3.0&,&MSXML2.FreeThreadedDOMDocument&],i,
for(i=0,len=versions.i&i++){
&&new ActiveXObject(versions[i]);
&&arguments.callee.activeXString=versions[i];
&&}catch(ex){
return new ActiveXObject(arguments.callee.activeXString);
下面是使用示例：
var xsltdom=createThreadSafeDocument();
xstldom.async=
xsltdom.load(&employees.xslt&);
var template=createXSTLTemplate();
template.stylesheet=
var processor=tempalte.createProcessor();
processor.input=
processor.transform();
var result=processor.
在创建了XSL处理器之后，必须将要转换的节点指定给input属性。这个值可以是一个文档，也可以是文档的任何节点。然后调用transform方法即可执行转换并将结果作为字符串保存在output属性中。这些代码实现了transformNode相同的功能。使用XSL处理器可以对转换进行更多的控制，同时也支持更高级的XSTL特性。
要将样式表中的参数进行赋值处理，可以使用addParaneter()方法，它接收两个参数:要设置的参数名称和要指定的值。
processor.input=xmldom.documentE
processor.addParameter(&message&,&Hello wrold!&);
processor.transform();
XSL处理器的另一个高级特性是能够设置一种操作模式。在XSTL中，可以使用mode特性为模板定义一种模式在定义了模式之后，如果没有将&xsl:apply-tempaltes&与匹配的mode特性一起使用，就不会运行该模板。如果在&xsl:apply-tempaltes&元素的模式设置为“title-first”，那么在javascript使用时就需要像下面这样进行设置：
processor.input=
processor.addParameter(&message&,&Hello wrold!&);
processor.setStartMode(&title-first&);
processor.transform();
如果打算用一个XSTL样式表进行多次转换，可以在每次转换之后调用reset()方法重置处理器。
processor.reset()；
因为处理器已经编译了XSTL样式表，与transformNode()相比，这样的转换速度会更快一些
XSLTProcessor类型
Mozilla通过火狐创建新类型，其他非IE浏览器借鉴了它，也实现了这个类型。主要的功能是用来将XSLT转换为XML文档。
第一步加载DOM文档，一个基于XML，另一个基于XSLT。然后创建一个新XSLTProceesor对象，并使用importStylesheet()方法为其指定一个XSLT。示例：
var processor=new XSLTProcessor();
processor.importStylesheet(xsltdom);
最后一步是执行转换。这一步有两种不同的方式:如果想返回一个完整的DOM文档，可以调用transformToDocument()；如果想返回一个文档片段，可以使用transformToFragment()。transformToDocument()的参数是一个XML DOM。transformToFragment()的参数有两个，第一个是XML DOM，第二个是拥有该文档片段的文档。
setParameter()方法可以用来设置XSLT的参数，该方法接收三个参数：命名空间URI，参数的内部名称和要设置的值。这个方法必须在进行最后一步转化之前调用。
getParameter()方法用于取得当前参数的值，参数为命名空间URI和参数的内部名称。
removeParameter()方法用于移除当前参数的值，参数为命名空间URI和参数的内部名称。
后面两个方法并不常用，提供他们只是为了方便。
重置处理器的方法是reset()方法。
跨浏览器使用XSLT
function transform(context,xslt){
& & if(typeof XSLTProcessor!=&undefined&){
&& var processor=new XSLTProcessor();
&& processor.importStylesheet(xslt);
&& var result=processor.transformToDocument(context);
&& return (new XMLSerializer()).serializeToString(result);
}else if(typeof context.transformNode!=&undefined&){
&& return caontext.transformNode(xslt);
&& throw new Error(&No XSLT processor available.&);
这个函数接收两个参数：要执行转换的上下文节点和XSLT文档对象。返回序列化之后的字符串。
var result=transform(xmldom,xsltdom);
版权声明：本文为博主原创文章，未经博主允许不得转载。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：83736次
积分：1885
积分：1885
排名：第11790名
原创：98篇
转载：16篇
(4)(7)(4)(1)(1)(4)(2)(1)(2)(3)(1)(1)(5)(16)(4)(2)(9)(6)(14)(2)(12)(4)(2)(8)(8)}
etElementByID
getElementsByName&
getElementsByTagName的区别和总结
WEB标准下可以通过getElementById(), getElementsByName(), and
getElementsByTagName_r()访问DOCUMENT中的任一个标签：
1、getElementById()
getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。
比如说有一个DIV的ID为docid：
id="docid"&&/div&
那么就可以用getElementById("docid")来获得这个元素。
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
&meta http-equiv="Content-Type" content="text/
charset=gb2312"&
&title&ById&/title&
&style type="text/css"&
height:400
background-color:#999;}
&body&&div id="docid"
name="docname"
onClick="bgcolor()"&&/div&
&script language="JavaScript"
type="text/JavaScript"&
function bgcolor(){
document.getElementByIdx_x("docid").style.backgroundColor="#000"
、getElementsByName()
这个是通过NAME来获得元素，但不知大家注意没有，这个是GET ELEMENTS，复数ELEMENTS代表获得的不是一个元素，为什么呢？
因为DOCUMENT中每一个元素的ID是唯一的，但NAME却可以重复。打个比喻就像人的身份证号是唯一的（理论上，虽然现实中有重复），但名字
重复的却很多。如果一个文档中有两个以上的标签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。
比如有两个DIV：
&div name="docname"
id="docid1"&&/div&
&div name="docname"
id="docid2"&&/div&
那么可以用getElementsByName("docname")获得这两个DIV，用getElementsByName("docname")[0]访问第一个DIV，用getElementsByName
3、getElementsByTagName_r()
这个呢就是通过TAGNAME（标签名称）来获得元素，一个DOCUMENT中当然会有相同的标签，所以这个方法也是取得一个数组。
下面这个例子有两个DIV，可以用getElementsByTagName_r("div")来访问它们，用getElementsByTagName_r("div")[0]访问第一个DIV，用
getElementsByTagName_r("div")[1]访问第二个DIV。
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" ""&
&html xmlns=""&
&meta http-equiv="Content-Type" content="text/
charset=gb2312"&
&title&Byname,tag&/title&
&style type="text/css"&
#docid1,#docid2{
height:400
background-color:#999;}
&div name="docname" id="docid1"
onClick="bgcolor()"&&/div&
&div name="docname" id="docid2"
onClick="bgcolor()"&&/div&
&script language="JavaScript"
type="text/JavaScript"&
function bgcolor(){
var docnObj=document.getElementsByTagName_r("div");
docnObj[0].style.backgroundColor = "black";
docnObj[1].style.backgroundColor = "black";
总结一下标准DOM，访问某一特定元素尽量用标准的getElementById()，访问标签用标准的getElementByTagName(),但IE不支持
getElementsByName()，所以就要避免使用getElementsByName()，但getElementsByName()和不符合标准的document.all[]也不是全无是处，它
们有自己的方便之处，用不用那就看网站的用户使用什么浏览器，由你自己决定了。
Javascript中的getElementById十分常用，但在标准的页面中，一个id只能出现一次，如果我想同时控制多个元素，例如点
一个链接，
让多个层隐藏，该怎么做？用class，当然，同一个class是可以允许在页面中重复出现的，那么有没有getElementByClass呢？没有，
但是可以解决：
//Create an array
var allPageTags = new Array();
function hideDivWithClasses(theClass) {
//Populate the array with all the page tags
var allPageTags=document.getElementsByTagName_r("div");
//Cycle through the tags using a for loop
for (i=0; i//Pick out the tags with our class name
if (allPageTags[i].className==theClass) {
//Manipulate this in whatever way you want
allPageTags[i].style.display='none';
1，grid.getCell(i,3).innerHTML；curobj.nextSibling.innerHTML
&&& innerHTML
InnerHtml 属性不自动对进出 HTML 实体的特殊字符进行编码。HTML 实体允许显示特殊字符（如
& 字符），浏览器通常会将这些字符解释为具有特殊含义。&
字符会被解释为标志的开头，并且不会在页面上显示。若要显示 & 字符，将需要使用实体
例如，如果 InnerHtml 属性设置为 "&b& Hello
&/b&"，则 & 和
& 字符不会分别转换为 & 和
&。呈现的输出仍将是：&b&
Hello &/b&。浏览器将检测
&b& 标记并用粗体显示“Hello”文本。
警告&& 由于未对此文本进行 HTML
编码，因此可以在文本的 HTML 标记内嵌入脚本。如果该属性是使用用户输入动态设置的，请务必验证它的值以减少安全漏洞。
若要提供自动 HTML 编码和解码，请使用 InnerText 属性。
以上是微软的一个网站上介绍的，而我只是简单的认为取出来的是html格式。
2，typeName =
temp.options[temp.selectedIndex].innerTdocument.all("B1").innerText="
关闭";name==name_other.options[i].innerText；opn.innerText=nameArray[i];
使用 InnerText 属性以编程方式修改 HTML 服务器控件的开始和结束标记之间的内容。
与 InnerHtml 属性不同，InnerText 属性自动对进出 HTML 实体的特殊字符进行编码。HTML
实体允许显示特殊字符（如 &
字符），浏览器通常会将这些字符解释为具有特殊含义。&
字符会被解释为标志的开头，并且不会在页面上显示。若要显示 & 字符，将需要使用实体
例如，如果 InnerText 属性设置为 "&b& Hello
&/b&"，则 & 和
& 符号分别转换为 & 和
&。呈现的输出将是：& b
& Hello &/b
实体将向浏览器指示这些字符将显示在页上。浏览器将不检测 &b&
标记并用粗体显示该文本。显示在页上的文本是：&b& Hello
&=======================================================================
用js读出xml中的项中。项中。。项中。的子内容
LANGUAGE="JavaScript"&
& xmlDoc=loadXMLDoc("");
//调用下面的loadxml
&//var x=xmlDoc.getElementsByTagName_r('title');
//得到一共有多少个title对象
& var x=xmlDoc.getElementsByTagName_r('item');
&// var x=b.getElementsByTagName_r('title');
& for (i=0;i&x.i++)
& //document.write(x[i].childNodes[1].nodeValue)
//不知道元素，则用
xmldoc.getElementsByTagName_r("item")[i].chileNodes[0].nodeValue表示第一项的值
document.write(x[i].getElementsByTagName_r("title").item(0).text);&&
//心得"如果知道title指定元素则用他"
& document.write("&br
& function loadXMLDoc(dname)
// code for IE
if (window.ActiveXObject)
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation &&
document.implementation.createDocument)
xmlDoc=document.implementation.createDocument("","",null);
alert('Your browser cannot handle this script');
xmlDoc.async=
xmlDoc.load(dname);
return(xmlDoc);
&&/SCRIPT&
=================================================
xml+js实例<img src="/blog7style/images/common/sg_trans.gif" real_src ="/Emoticons/QQ/03.gif" WIDTH="20" BORDER="0" HEIGHT="20"
ALT="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp"
TITLE="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp" />
The XML file“note.xml“&?xml version="1.0"
encoding="ISO8859-1" ?&
&to&Tove&/to&
&from&Jani&/from&
&heading&Reminder&/heading&
& &body&Don't forget
me this weekend!&/body&
以下三组脚本分别反映了不同的方法(容易理解)
&script language="VBScript"
type="text/VBScript"&
set xmlDoc=CreateObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("note.xml")
for each x in xmlDoc.documentElement.childNodes
& document.write(x.nodename)
& document.write(": ")
& document.write(x.text)
document.write("&br&")
&script language="JavaScript"
for="window" event="onload"&
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("note.xml")
nodes = xmlDoc.documentElement.childNodes
to.innerText = nodes.item(0).text
from.innerText = nodes.item(1).text
header.innerText = nodes.item(2).text
body.innerText = nodes.item(3).text
&title&HTML using XML
data&/title&
&h1&Refsnes Data Internal
id="to"&&/span&
id="from"&&/span&
id="header"&&/span&&/b&
id="body"&&/span&
language="JavaScript"&
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("note.xml")
document.write("The From element contains: ")
document.write(xmlDoc.getElementsByTagName"from").item(0).text)
etElementByID getElementsByName&
getElementsByTagName&&&&&OE&&&&&’&OE&&&&&“
WEB&&&D&&D&&&&&�&&&&&&&&&&DgetElementById(),
getElementsByName(), and
getElementsByTagName_r()&&&&—&DOCUMENT&&&&&&&&&&&&&&&&&&D&&¾&¼&
1&&�getElementById()
getElementById()&�&&&&&&&&—&DOCUMENT&&&&&&&&Y�&&&&&¹&&&&…&&&&&¼&OE&&¾&��&&�&¹&&¼&OE&°±&&&&&&&&&DID&�&&�&&¾—&…&&&&&¼&OE&&&&&&&�&&&½&&&&—&&&¾&½&&&&ID&&&&…&&&&&&&
&&”&&&&&&&&&&&&&&&DIV&&&ID&&&docid&¼&
&&&&¹&&°±&�&&&&&”&getElementById("docid")&�&&Ž·&¾—&&&&&&&…&&&&&&&
&&�getElementsByName()
&&&&&&&&&&&&&&&DNAME&�&&Ž·&¾—&…&&&&&¼&OE&½&&&�&&Y&&¤&&&&&³&&&�&²&&&&&¼&OE&&&&&&&&&GET&&&ELEMENTS&¼&OE&¤�&&°ELEMENTS&&&&&&&Ž·&¾—&&&&&�&&&&&&&&&&…&&&&&¼&OE&&&&&&&¹&&‘&&¼&Y
&&&&&&DOCUMENT&&&&&�&&&&&&&…&&&&&&&ID&&&&”&&&&&&&&¼&OE&½&NAME&�&&�&&&&&&D�&¤�&&&&&“&&&&&”&&&&°±&&�&&&&&&&&&&&½&&�&�·&&&&”&&&&&&&&¼&&�&&&&&&&S&¼&OE&&½&&&&Ž°&&ž&&&&&&&&D�&¤�&¼&&¼&OE&½&&��&&—
&&D�&¤�&&&&�&&¾&&¤&&&&&&&&ž&&&&&&&&&&D&&&&&&&&&&&¤&&&&&&&&&S&&&&&&D&&¾NAME&&&&�&OE&¼&OE&&&&¹&getElementsByName()&°±&�&&&&&�&&¾—&&&&&&&…&&&&&&&&&�&&&&&&&&°&&&&&&
&&”&&&&&&&&¤&&&DIV&¼&
&&&&¹&&�&&&&&”&getElementsByName("docname")&Ž·&¾—&&&&&¤&&&DIV&¼&OE&”&getElementsByName("docname")[0]&&&&—&&&&&&&&&&DIV&¼&OE&”&getElementsByName
3&&�getElementsByTagName_r()
&&&&&&&‘&&°±&&&&&&&&&DTAGNAME&¼&&&&D&&¾&��&&°&¼&&�&&Ž·&¾—&…&&&&&¼&OE&&&&&&DOCUMENT&&&&½“&&&&¼&&&&&&&&�&OE&&&&&&D&&¾&¼&OE&&&&&&&&&&&&&&¹&³&&¹&Y&&&&�&&¾—&&&&&&&&°&&&&&&
&&&&�&&&&&&&&¾&&&�&&&&&¤&&&DIV&¼&OE&�&&&&&”&getElementsByTagName_r("div")&�&&&&&—&&&&&&&&¼&OE&”&getElementsByTagName_r("div")[0]&&&&—&&&&&&&&&&DIV&¼&OE&”&
getElementsByTagName_r("div")[1]&&&&—&&&&&&&OE&&&DIV&&&
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
http://www.w3.org/1999/xhtml"&
&&&&&“&&&&&&&&&D&&D&DOM&¼&OE&&&&—&&&Y�&&&&&¹&&&&…&&&&&°½&&D�&”&&&&D&&D&&&&getElementById()&¼&OE&&&&—&&&&D&&¾&”&&&&D&&D&&&&getElementByTagName(),&½&IE&&�&”&&&OE�
getElementsByName()&¼&OE&&&&&&&°±&&�&�&&…�&½&&”&getElementsByName()&¼&OE&½&getElementsByName()&’&OE&&�&&&&�&&&&D&&D&&&&document.all[]&¹&Y&&�&&&&…&&—&&&&&¤&&¼&OE&&&
&&&&&&&&D&&·±&&&&&¹&¾&&¹&&¤&&¼&OE&”&&&�&”&&&&&°±&&&&½‘&&&&&&&”&&&·&½&&”&&&&&¹&&&�&&&&&&&¼&OE&”±&½&&&D&&·±&&³&&&&&&&&&
&&&&&&Javascript&&&&&&getElementById&��&&&&&&&”&&¼&OE&½&&&&&&&D&&D&&&&&&&&�&&&&&¼&OE&&&&&&id&�&&&½&&D&&Ž°&&&&&&&¼&OE&&&&ž&&&‘&&³&�&OE&—&&Ž&&&&&¤&&&&&…&&&&&¼&OE&¾&&&&&&¹
&&&&&&&“¾&Ž&&¼&OE
&&&&¤&&&&&±&&&�&—�&¼&OE&&&&&Ž&¹&&�&&¼&Y&”&class&¼&OE&½“&&&&¼&OE&�&OE&&&&&&class&&&&�&&&&&…�&&&&&&&&&&�&&&&&&D�&¤�&&D&&Ž°&&&&¼&OE&&&&¹&&&&&²&&&&getElementByClass&‘&&¼&Y&²&&&&&¼&OE
&½&&&&&�&&&&&&&&&³&¼&
//Create an array
var allPageTags = new Array();
function hideDivWithClasses(theClass) {
//Populate the array with all the page tags
var allPageTags=document.getElementsByTagName_r("div");
//Cycle through the tags using a for loop
for (i=0; i//Pick out the tags with our class name
if (allPageTags[i].className==theClass) {
//Manipulate this in whatever way you want
allPageTags[i].style.display='none';
1&¼&OEgrid.getCell(i,3).innerHTML&¼&curobj.nextSibling.innerHTML
&&& innerHTML
InnerHtml &±ž&&&&&�&&D&&&S&&&¹&&&&&D& HTML
&&ž&½“&&&&&¹&&&S&&—&&&&&&&&&OE&¼&&&�&&&HTML
&&ž&½“&…�&&&&&¾&¤&&&¹&&&S&&—&&&&¼&&&& &
&&—&&&&¼&&¼&OE&&�&&&&&&&&&&&&&¼&&°&&&&&&&&&—&&&&&&&&D&S&&&&…·&&&&&¹&&&S&�&&¹&&&&&
&&—&&&&¼&&&&&&&&&D&S&&&&&&D&&—&&&&¼&&¤&&¼&OE&¹&&&”&&�&¼&&&&&&&&�&&&&S&&¾&¤&&&&&&&&&�&&¾&¤&
& &&—&&&&¼&OE&°&&&&&&�&½&&”&&&ž&½“
&¾&&&&&¼&OE&&&&ž& InnerHtml &±ž&&&&&¾&½&&&& " Hello "&¼&OE&&&
& &’&OE & &&—&&&&&�&¼&&&&&&&&½&&�&&&&
& &’&OE &&&&&‘&&Ž°&&&&¾“&&D&&&�&°&&&&&¼&
Hello &&&&&�&&&&&&&°&&&&&&&
&&&D&&°&¹&&”&&²—&½“&&¾&¤&&&&Hello&&�&&&D&&&&&&
&&&&‘&S&&
&”±&&Ž&&&&&¹&&¤&&&D&&&&&&&&&OE HTML
&¼&&&�&¼&OE&&&&&¤&�&&&&&&&&&&D&&&&&&
&&&D&&°&&…&&&OE&…&&&&&&&&&&&&&&ž&&&&&±ž&&&&&&&½&&”&&”&&&·&¾“&…&&&S&&&�&&¾&½&&&&&¼&OE&&·&&S&&&…&&&OE&&�&&&&&&&&¼&&&&&D�&°‘&&&&…&&¼�&&ž&&&
&&&&&�&��&¾&&&D&&&S& HTML
&¼&&&�&’&OE&&&&&�&¼&OE&&·&½&&”&
InnerText &±ž&&&&&&
&&&&&&S&&&&¾&&½&&&&&&&&&&&½‘&&&&&&S&&&&&�&&&&¼&OE&&&OE&&‘&�&&&&&&&&�&&&&&&¤&&&&�&&&D&&�&&&&&&&html&&¼&¼�&&&
2&¼&OEtypeName =
temp.options[temp.selectedIndex].innerTdocument.all("B1").innerText="
&…³&—&";name==name_other.options[i].innerText&¼&opn.innerText=nameArray[i];
&½&&”& InnerText &±ž&&&&&&&¼&&&&&&¹&¼�&&&&”¹ HTML
&&�&&S&&&&&Ž&&&&&&&&¼&&&&&’&OE&&“&�&Y&&&D&&°&¹&&—&&&&&&…&&¹&&&
&&Ž InnerHtml &±ž&&&&&�&�&OE&¼&OEInnerText &±ž&&&&&D&&&S&&&¹&&&&&D&
HTML &&ž&½“&&&&&¹&&&S&&—&&&&&&&&&OE&¼&&&�&&&HTML
&&ž&½“&…�&&&&&¾&¤&&&¹&&&S&&—&&&&¼&&&& &
&&—&&&&¼&&¼&OE&&�&&&&&&&&&&&&&¼&&°&&&&&&&&&—&&&&&&&&D&S&&&&…·&&&&&¹&&&S&�&&¹&&&&&
&&—&&&&¼&&&&&&&&&D&S&&&&&&D&&—&&&&¼&&¤&&¼&OE&¹&&&”&&�&¼&&&&&&&&�&&&&S&&¾&¤&&&&&&&&&�&&¾&¤&
& &&—&&&&¼&OE&°&&&&&&�&½&&”&&&ž&½“
&¾&&&&&¼&OE&&&&ž& InnerText &±ž&&&&&¾&½&&&& " Hello "&¼&OE&&&
& &’&OE & &&&&�·&&&&&&&½&&�&&&&
&&&&&‘&&Ž°&&&&¾“&&D&&°&&&&&¼&& b
& Hello &/b
&&&&& &’&OE &
&&ž&½“&°&&�‘&&�&&&&&&&&OE&D&¤&&&&&&&&&—&&&&°&&&¾&¤&&&&&&&&&&S&&&&&�&&&&&&&°&&&�&&&&&&
&&&D&&°&¹&&”&&²—&½“&&¾&¤&&&&&&&D&&&&&&&&¾&¤&&&&&&&&&&S&&&&&&D&&&&&&&¼&
&=======================================================================
&”&js&&&&&D&xml&&&&&&&&¹&&&&&&&&¹&&&&&&&&&&&¹&&&&&&&&&&&�&&…&&¹
=================================================
xml+js&&ž&¾&
<img src="/blog7style/images/common/sg_trans.gif" real_src ="/Emoticons/QQ/03.gif" WIDTH="20" BORDER="0" HEIGHT="20"
ALT="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp"
TITLE="etElementByID&getElementsByName&getElementsByTagName的区别和总结&+js+Mxl+xmlhttp" />
The XML file&&¬e.xml&&&
& Reminder
Don't forget me this weekend!
&&&&&&&&&&&&&&&&&&&&&&&&&��&&&&&&&&�&�&OE&&&&&¹&³&(&&¹&&“&�&&&&)
Refsnes Data Internal Note
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。XML DOM getElementsByTagName() 方法 PHP100_com
XML DOM getElementsByTagName() 方法
定义和用法
getElementsByTagName() 方法可返回带有指定名称的所有元素的一个节点列表。
getElementsByTagName(name)
字符串值，规定需检索的标签名。值 &*& 匹配所有的标签。
文档树中具有指定标记的 Element 节点的只读数组（从技术上讲，是 NodeList 对象）。返回的元素节点的顺序就是它们在源文档中出现的顺序。
该方法将返回一个 NodeList 对象（可以作为只读数组处理），该对象存放文档中具有指定标签名的所有 Element 节点，它们存放的顺序就是在源文档中出现的顺序。NodeList 对象是“活”的，即如果在文档中添加或删除了指定标签名的元素，它的内容会自动进行必要的更新。
注意，Element 接口定义了一个同名的方法，该方法只检索文档的子树。另外，HTMLDocument 接口定义了 getElementsByName() 方法，基于 name 属性的值（而不是标签名）检索元素。
可以用下列代码检索并遍历 HTML 文档中的所有 &h1& 标记：
var headings = document.getElementsByTagName(&h1&);
for (var i = 0; i & headings. i++)
var h = headings[i];
在所有的例子中，我们将使用 XML 文件 ，以及 JavaScript 函数 。
以下代码片段可显示 &books.xml& 中所有 &title& 元素的值：
xmlDoc=loadXMLDoc(&books.xml&);
var x=xmlDoc.getElementsByTagName('title');
for (i=0;i&x.i++)
document.write(x[i].childNodes[0].nodeValue)
document.write(&&br /&&)
Everyday Italian
Harry Potter
XQuery Kick Start
Learning XML2849人阅读
以下程序在IE6和Firefox/3.1b1 下测试通过在Ajax返回的responseXML中，需要对其进行解析，而IE6和Firefox是有点小区别的以下附上完整代码再解释。XML文件：&version="1.0"&&&&Red&&&&Green&&&&BlueHTML：&xmlns="http://www.w3.org/1999/xhtml"&content="text/&charset=utf-8"&http-equiv="Content-Type"&无标题&1&type="text/javascript"var&options&=&false;//创建XMLHttpRequest对象function&CreateRequest(){&&&&if&(window.XMLHttpRequest)&&&&&&&&return&new&XMLHttpRequest();&&&&else&if&(window.ActiveXObject)&&&&&&&&return&new&ActiveXObject("Microsoft.XMLHTTP");&&&&else&&&&&&&&return&}function&GetDataFromXML(filename){&&&&var&request&=&CreateRequest();&&&&if&(!request)&&&&&&&&&&&&&&&&&&&&var&result&=&document.getElementById("result");&&&&var&txts&=&document.getElementById("txts");&&&&&&&&request.open("GET",&filename);&&&&request.onreadystatechange&=&function()&&&&{&&&&&&&&if&(request.readyState==4)&&&&&&&&{&&&&&&&&&&&&//由于是本地测试,有时会出现&request.status=0&的情况&&&&&&&&&&&&if&(request.status==200)&&&&&&&&&&&&{&&&&&&&&&&&&&&&&var&xmlD&&&&&&&&&&&&&&&&//IE6&&&&&&&&&&&&&&&&if&(window.ActiveXObject)&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&xmlDoc&=&new&ActiveXObject("Microsoft.XMLDOM");&&&&&&&&&&&&&&&&&&&&xmlDoc.async&=&false;&&&&&&&&&&&&&&&&&&&&xmlDoc.load(request.responseXML);//不可以是&responseText&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&//Firefox&&&&&&&&&&&&&&&&else&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&xmlDoc&=&request.responseXML;&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&options&=&xmlDoc.getElementsByTagName("option");&&&&&&&&&&&&&&&&txts.value&=&options.&&&&&&&&&&&&&&&&ListOptions();&&&&&&&&&&&&}&&&&&&&&}&&&&}&&&&request.send(null);}//为select添加选项function&ListOptions(){&&&&var&select&=&document.getElementById("select");&&&&&&&&for&(var&i=0;&i;&i++)&&&&{&&&&&&&&select.options[i+1]&=&new&Option(options[i].firstChild.data,&options[i].firstChild.data);&&&&}}function&SelectChange(){&&&&var&txts&=&document.getElementById("show");&&&&var&select&=&document.getElementById("select");&&&&txts.style.color&=&select.}&&&&&&&&&&&&&type="button"&id="btn"&onclick="GetDataFromXML('test.xml');"&value="Submit"&&&&&&&&&&&&&&id="result"&&&&&&&&&&&&&id="select"&onchange="SelectChange();"&&&&&&&&&&&&==请选择颜色==&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&cols="10"&rows="10"&id="txts"&style="width:500&height:300"&&&&&&&&&&id="show"&&&&&&&&this&is&show...&&&&区别体现在HTML代码中40－51行，IE6中是要创建对象 ActiveXObject("Microsoft.XMLDOM") 对responseXML对象进行加载后方可用getElementsByTagName进行解析的。不知道这点区别而一直在IE6下测试会一头雾水，没报错但也没结果。为了简单，本程序在创建XMLHttpRequest对象时只考虑了IE6及以上版本和FF，而如果要考虑老版本的IE，则需要更复杂的创建过程。
版权声明：本文为博主原创文章，未经博主允许不得转载。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：11571次
排名：千里之外
(5)(2)(1)(3)1348人阅读
要检测浏览器是否支持DOM2级的XML，可以使用以下的代码：
var hasXmlDom=document.implementation.hasFeature(&XML&,&2.0&);
DOMParser类型
var parser=new DOMParser();
var xmldoc=parser.parseFormString(&&root&&child/&&/root&&,&text/html&);
xmldoc.documentElement.tagN//root
xmldoc.documentElement.firstChild.tagN//child
var children=xmldoc.getElementsByTagName(&child&);
DOMParser只能解析格式良好的XML文档，因此解析的文档要有一定的要求。因此在解析文档时用try-catch进行处理
XMLSerializer类型
将DOM文档序列化为XML字符串。
var serializer=new XMLSerializer();
var xml=serializer.serializeToString(xmldom);
序列化后的字符串并不适合打印，但是它可以序列化任何有效地DOM对象，也包括HTML文档。序列化后的文档是格式良好的。
IE创建XML解析对象
function createDocument(){
if(typeof arguemnts.callee.activeXString!=&string&){
var versions=[&MSXML2.DOMDocument.6.0&,&MSXML2.DOMDocument.3.0&,&MSXML2.DOMDocument&],i,
for(i=0,len=versions.i&i++){
new ActiveXObject(versions[i]);
arguments.callee.activeXString=versions[i];
}catch(ex){ &}
return new ActiveXObject(arguments.callee.activeXString);
解析XML文档的方法是loadXML()方法。解析过程出错，可以查看parseError属性，在其中找到错误信息。可以通过下面的代码找到错误：
if(xmldom.parseError!=0){
&&// 添加处理错误的代码
应该在调用了loadXML之后，查询XML文档之前检查是否发生了解析错误。
IE将序列化XML的能力内置在了DOM文档中，每个DOM节点都内置了一个xml属性，保存着该节点的XML字符串。
IE中的XML文档对象也可以加载来自服务器的文件。要加载的XML文档必须与页面中运行的js代码来自同一台服务器。加载文档的方式分为两种，同步和异步，设置async属性为true时，表示异步，false时表示同步。在确定了文档的加载方式后，调用load()可以启动下载过程。这个方法接收一个参数，即要加载的XML文档的URL。在同步方式下，调用load()之后可以立即检测解析错误并执行相关的XML处理。
var xmldoc=createDocument();
xmldoc.async=
xmldoc.load(&example.xml&);
if(xmldoc.parseError!=0){
&& &//处理错误
alert(xmldoc.xml);
虽然同步加载的方式比较简便，但是时间过长。因此在加载过程中，多采用异步加载的方式。
var xmldoc=createDocument();
xmldoc.async=
xmldoc.onreadystatechange=function(){
if(xmldoc.readyState==4){
&if(xmldoc.parseError!=0){
//处理错误
alert(xmldoc.xml);
xmldoc.load(&example.xml&);
ActiveX控件为了预防安全问题，不允许使用this对象。
跨浏览器处理XML
解析XML的方法
function parseXml(xml){
& & & var xmldom=
&&if(typeof DOMParser!=&undefined&){
&xmldom=(new DOMParser()).parseFromString(xml,&text/xml&);
&var errors=xmldom.getElementsByTagName(&parsererror&);
&if(errors.length){
throw new Error(&XML parsing error:&+errors[0].textContent);&
&& }else if(typeof ActiveXObject!=&undefined&){
&&xmldom=createDocument();
&&xmldom.load(xml);
&&if(xmldom.parseError!=0){
throw new Error(&XML parsing error:&+xmldom.parseError.reason); &
&&throw new Error(&No XML parser available!&); &&
只接受一个参数XML的字符串，返回DOM结构的XML。
对于序列化XML，也可以按照同样的方式编写一个能够在四大浏览器中运行的函数。
function serializeXml(xmldom){
& if(typeof XMLSerializer!=&undefined&){
&return (new XMLSerializer()).serializeToString(xmldom); &
& }else if(typeof xmldom.xml!=&undefined&){
return xmldom. &
throw new Error(&could not serialize XML DOM&); &
浏览器对XPath的支持
XPath是设计用来在DOM文档中查找节点的一种手段，因而对XML的处理也很重要。很多浏览器实现了这个标准，IE有自己的实现方式。
DOM3级XPath
下面的代码是用来检测浏览器是否支持DOM3级的XPath：
var supportsXPath=document.implementation.hasFeature(&XPath&,&3.0&);
在DOM3级的XPath规范定义的类型中，最重要的两个类型是XPathEvaluator和XPathResult 。XPathEvaluator用在特定的上下文中对XPath表达式的求值。这个类型由三个方法：
createExpression(expression,nsresolver):将XPath表达式及相应的命名空间信息转化成一个XPathExpression，这是查询的编译版。在多次使用同一个查询时很有用。
createNSResolver(node):根据node的命名空间信息创建一个新的XPathNSResolver对象。在基于使用命名空间的XML文档求值时，需要使用XPathNSResolver对象。
evaluate(expression.context,nsresolver,type,result):在给定的上下文中基于特定的命名空间信息来对XPath求值，剩下的参数指定如何返回结果。
这几个方法中，evaluate方法最常用。这个方法接收5个参数：XPath表达式，上下文节点，命名空间求解器，返回结果的类型和保存结果的XPathResult对象（通常是null，因为结果会以函数值的形式返回）。第三个参数宅在XML代码中使用了XML命名空间时有必要指定，如果没使用，设置为null。第四个参数的的取值范围是下列的常量之一：
XPathResult.ANY_TYPE:返回与XPath表达式匹配的数据类型
XPathResult.NUMBER_TYPE:数字
XPathResult.STRING_TYPE:字符串
XPathResult.BOOLEAN_TYPE:布尔值
XPathResult.UNORDERED_NODE_ITERATOR_TYPE:无序的匹配节点集合
XPathResult.ORDERED_NODE_ITERATOR_TYPE:有序的节点匹配集合
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE:无序的匹配节点快照集合
XPathResult.ORDERD_NODE_SNAPSHOT_TYPE:有序的匹配节点快照集合
XPathResult.ANY_UNORDERED_NODE_TYPE:返回匹配的节点集合，顺序会与原文不一定一致。
XPathResult.FIRST_ORDERED_NODE_TYPE:返回一个节点的集合
指定的结果类型决定了如何取得结果的值。
var result=xmldom.evaluate(&employee/name&,xmldom.documentElement,null,XPathResult.ORDERED_NODE_ITERATOR_TYPE,null);
if(result!=null){
& &var node=result.iterateNext();
& &while(node){
&& & alert(node.tagName);
&node=node.iterateNext();
如果指定的是快照结果类型，就必须使用snapshotItem()方法和snapshotLength属性。
var result=xmldom.evaluate(&employee/name&,xmldom.documentElement,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
if(result!=null){
& for(var i=0,len=result.snapshotLi&i++){
&& &alert(result.snapshotItem(i).tagName);&
单节点的结果可以通过singleNodeValue属性来访问该节点。
简单类型的结果分别会通过booleanValue,numberValue,stringValue来访问。
对使用命名空间的XML求值的方法：
1.通过createNSResolver(node)方法来创建XPathNSResolver对象，然后再使用evaluate()方法来获取结果
var nsresolver=xmldom.createNSResolver(xmldom.documentElement);
var result=xmldom.evaluate(&wrox:book/wrox:author&,xmldom.documentElement,nsresolver,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
alert(result.snapshotLength);
2.定义一个函数，让它接收一个命名空间前缀，返回关联的URI
var neresolver=function(prefix){
&& &switch(prefix){
&&case &wrox&: return &/&;
&&//其他前缀
var result=xmldom.evaluate(&count(wrox:book/wrox/author)&,xmldom.documentElement,nsresolver,XPathResult.NUMBER_TYPE,null);
alert(result.numberValue);
IE中的XPath
IE对XPath的支持是内置在基于ActiveX的XML DOM文档对象中的。在这个操作XPath的接口中有两个方法：selectSingleNode()和selectNodes()。其中selectSingleNode()方法接收一个XPath模式，在找到的匹配中返回第一个匹配节点，如果没有返回null。
var element=xmldom.documentElement.selectSingleNode(&employee/name&);
if(element!=null){
& &alert(element.xml);
另一个方法selectNodes()也接收一个XPath模式，但是它返回与模式匹配的所有节点的NodeList。如果没找到匹配的，返回一个包含零项的NodeList.
var elements=xmldom.documentElement.selectNodes(&employee/name&);
alert(elements.length);
IE对命名空间的支持
下面是对要操作的XML ＤＯＭ设置命名空间的方法：
xmldom.setproperty(&SelectionNamespaces&,&xmlns='/'&);
var result=xmldom.documentElement.selectNodes(&wrox:book/wrox:author&);
alert(result.length);
跨浏览器使用XPath
第一个跨浏览器的方法是selectSingleNode()，接收三个参数：上下文节点，XPath表达式，可选的命名空间
function selectSingleNode(context,expression,namespace){
& &var doc=(context.nodeType!=9?context.ownerDocument:context);
& &if(typeof doc.evaluate!=&umdefined&){
&&var nsresolver=
&&if(namespace instanceof Object){
&nsresolver=function(prefix){
&& &return namespace[prefix];
&&var result=doc.evaluate(expression,context,nsresolver,XPathResult.FIRST_ORDERED_NODE_TYPE,null);
&&return (result!==null?result.singleNodeValue:null);
& &}else if(typeof context.selectSingleNode!=&undefined&){
&&if(namespace instanceof Object){
var ns=&&;
for(var prefix in namespace){
&& if(namespaces.hasOwnProperty(prefix)){
&&ns+=&xmlns:&+prefix+&='&+namespaces[prefix]+&' &; &&
doc.setProperty(&SelectionNamespaces&:ns);
&&return context.selectSingleNode(expression);
&&throw new Error(&no XPath engine found&); &&
下面是这个函数的使用示例：
var result=selectSingleNode(xmldom.documentElement,&wrox:book/wrox:author&,{wrox:&/&});
alert(serializeXml(result));
下面的函数是跨浏览器封装的selectNodes()函数，这个函数接收与上一个函数有相同的三个参数。
function selectNodes(context,expression,namespace){
& &var doc=(context.nodeType!=9?context.ownerDocument:context);
& &if(typeof doc.evaluate!=&umdefined&){
&&var nsresolver=
&&if(namespace instanceof Object){
&nsresolver=function(prefix){
&& &return namespace[prefix];
&&var result=doc.evaluate(expression,context,nsresolver,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
&&var nodes=new Array();
&&if(result!==null){
&for(var i=0,len=result.snapshotLi&i++){
&& & nodes.push(result.snapshotItem(i));
& &}else if(typeof context.selectSingleNode!=&undefined&){
&&if(namespace instanceof Object){
var ns=&&;
for(var prefix in namespace){
&& if(namespace.hasOwnProperty(prefix)){
&&ns+=&xmlns:&+prefix+&='&+namespaces[prefix]+&' &; &&
doc.setProperty(&SelectionNamespaces&:ns);
&&var result=context.selectNodes(expression);
&&var nodes=new Array();
&&for(var i=0,len=result.i&i++){
&nodes.push(result[i]); &
&&throw new Error(&no XPath engine found&); &&
下面是selectNodes()方法的使用示例：
var result=selectNodes(xmldom.documentElement,&wrox:book/wrox:author&,{wrox:&/&});
alert(result.length);
浏览器对XSTL的支持
它不是一种正式的规范，，是XPath的另一表现形式。IE是第一个支持它的。
简单的XSTL转换XML文档的方式就是将它们分别加到一个DOM文档中，然后使用transformNode()方法。这个方法接收一个参数，即包含XSTL样式表的文档。调用这个方法之后会返回一个包含转换信息的字符串。
xmldom.load(&employees.xml&);
xstldom.load(&employees.xstl&);
var result=xmldom.transformNodes(xstldom);
这个transformNode的参数可以是XML文档的DOM节点。如果不是在文档元素上调用transformNode，那么转换就会从调用节点上开始。
复杂的XSTL转换
要使用复杂的XSTL转换，必须使用XSL模板和XSL处理器。先要把XSTL样式表加载到一个线程安全的XML文档中。
function createThreadSafeDocument(){
& & if(typeof arguments.callee.activeXString!=&string&){
&& var versions=[&MSXML2.FreeThreadedDOMDocument.6.0&,&MSXML2.FreeThreadedDOMDocument.3.0&,&MSXML2.FreeThreadedDOMDocument&],i,
&& for(i=0,len=versions.i&i++){
&&new ActiveXObject(versions[i]);
&&arguments.callee.activeXString=versions[i];
&& }catch(ex){
&//skip &&
return new ActiveXObject(arguments.callee.activeXString);
创建XSTL模板：
function createXSTLTemplate(){
& & if(typeof arguments.callee.activeXString!=&string&){
&& &var versions=[&MSXML2.FreeThreadedDOMDocument.6.0&,&MSXML2.FreeThreadedDOMDocument.3.0&,&MSXML2.FreeThreadedDOMDocument&],i,
for(i=0,len=versions.i&i++){
&&new ActiveXObject(versions[i]);
&&arguments.callee.activeXString=versions[i];
&&}catch(ex){
return new ActiveXObject(arguments.callee.activeXString);
下面是使用示例：
var xsltdom=createThreadSafeDocument();
xstldom.async=
xsltdom.load(&employees.xslt&);
var template=createXSTLTemplate();
template.stylesheet=
var processor=tempalte.createProcessor();
processor.input=
processor.transform();
var result=processor.
在创建了XSL处理器之后，必须将要转换的节点指定给input属性。这个值可以是一个文档，也可以是文档的任何节点。然后调用transform方法即可执行转换并将结果作为字符串保存在output属性中。这些代码实现了transformNode相同的功能。使用XSL处理器可以对转换进行更多的控制，同时也支持更高级的XSTL特性。
要将样式表中的参数进行赋值处理，可以使用addParaneter()方法，它接收两个参数:要设置的参数名称和要指定的值。
processor.input=xmldom.documentE
processor.addParameter(&message&,&Hello wrold!&);
processor.transform();
XSL处理器的另一个高级特性是能够设置一种操作模式。在XSTL中，可以使用mode特性为模板定义一种模式在定义了模式之后，如果没有将&xsl:apply-tempaltes&与匹配的mode特性一起使用，就不会运行该模板。如果在&xsl:apply-tempaltes&元素的模式设置为“title-first”，那么在javascript使用时就需要像下面这样进行设置：
processor.input=
processor.addParameter(&message&,&Hello wrold!&);
processor.setStartMode(&title-first&);
processor.transform();
如果打算用一个XSTL样式表进行多次转换，可以在每次转换之后调用reset()方法重置处理器。
processor.reset()；
因为处理器已经编译了XSTL样式表，与transformNode()相比，这样的转换速度会更快一些
XSLTProcessor类型
Mozilla通过火狐创建新类型，其他非IE浏览器借鉴了它，也实现了这个类型。主要的功能是用来将XSLT转换为XML文档。
第一步加载DOM文档，一个基于XML，另一个基于XSLT。然后创建一个新XSLTProceesor对象，并使用importStylesheet()方法为其指定一个XSLT。示例：
var processor=new XSLTProcessor();
processor.importStylesheet(xsltdom);
最后一步是执行转换。这一步有两种不同的方式:如果想返回一个完整的DOM文档，可以调用transformToDocument()；如果想返回一个文档片段，可以使用transformToFragment()。transformToDocument()的参数是一个XML DOM。transformToFragment()的参数有两个，第一个是XML DOM，第二个是拥有该文档片段的文档。
setParameter()方法可以用来设置XSLT的参数，该方法接收三个参数：命名空间URI，参数的内部名称和要设置的值。这个方法必须在进行最后一步转化之前调用。
getParameter()方法用于取得当前参数的值，参数为命名空间URI和参数的内部名称。
removeParameter()方法用于移除当前参数的值，参数为命名空间URI和参数的内部名称。
后面两个方法并不常用，提供他们只是为了方便。
重置处理器的方法是reset()方法。
跨浏览器使用XSLT
function transform(context,xslt){
& & if(typeof XSLTProcessor!=&undefined&){
&& var processor=new XSLTProcessor();
&& processor.importStylesheet(xslt);
&& var result=processor.transformToDocument(context);
&& return (new XMLSerializer()).serializeToString(result);
}else if(typeof context.transformNode!=&undefined&){
&& return caontext.transformNode(xslt);
&& throw new Error(&No XSLT processor available.&);
这个函数接收两个参数：要执行转换的上下文节点和XSLT文档对象。返回序列化之后的字符串。
var result=transform(xmldom,xsltdom);
版权声明：本文为博主原创文章，未经博主允许不得转载。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：83736次
积分：1885
积分：1885
排名：第11790名
原创：98篇
转载：16篇
(4)(7)(4)(1)(1)(4)(2)(1)(2)(3)(1)(1)(5)(16)(4)(2)(9)(6)(14)(2)(12)(4)(2)(8)(8)}
我要回帖
更多关于 getelementsbytagname 的文章
更多推荐
- ·618想送爱打性价比高的游戏显示器的男朋友一款显示器，哪款好用一些？
- ·我主玩怪猎、战地5，买什么配置能流畅玩战地5的笔记本本比较好？
- ·摄影助理有必要买相机吗小白求助
- ·打算装一台带蒸和烤功能蒸烤一体的集成灶哪个牌子好，什么品牌的比价好？
- ·达‏达尔优鼠标几档是dpi800A980PRO鼠标的无线连接稳定性好吗？
- ·开通qq会员送黄钻会员，和黄钻有什么用？？
- ·qq音乐怎么看好友歌单的qq音乐动态 他会知道吗
- ·如何将QQ里的聊天删除重复记录保留一条都删了，只留单单一两个人的，不要一个个删
- ·快易典h17怎么样快易学堂无课件怎么办
- ·求助，右下角的音量图标没有了，而且win10 系统图标 音量不能更改，怎么办
- ·华硕x503m配置和X403m哪个好？
- ·电脑动了一下BIOS上的无法载入工具预设最佳化预设值就自检，还检测不出毛病来
- ·车载24v剃胡刀内部24v转12v电路图图
- ·有录音机放叫声来吸引田鸡的叫声进网里
- ·VE云创最近网上挺火，他们是做什么的 ，请大神note3拍照不清楚清楚吗？
- ·怎样让接第二个无线路由器路由器线连第一个路由器工作
- ·求长沙保卫战 百度云盘的百度云盘资源。
- ·关于单反sd卡什么牌子好的问题，SD卡里少了三百多张照片
- ·谁帮我帮忙申请qq号个QQ
- ·xml dom中var x=xmlDoc.getelementsbynameTagName("title")[0].ownerDocument; [ ]中为零代表什么取2时
- ·psc6的序列号支持哪种图片
- ·港囧百度云盘 百度云
- ·这是用cad画多边形的图，原来画的是圆，现在成了多边形，哪位大神帮忙解答
- ·win7引导失败必须用win7光盘制作u盘和u盘吗
- ·罗兰nba中国行20155节目目录
- ·没有验证码无法显示码
- ·我的手机怎么网页打开都是竖着的软件的时候下面有竖着的三个点
- ·为什么电脑连不到wifi我WiFi用不啊电脑也上不了网
- ·下载逆战需要有插件是什么意思思
- ·地雷英雄传暴风影音为什么搜不到看不了
- ·123百度浏览器下载安装装
- ·哄米手机ipad升级后打字变慢没有打字键盘怎么回事
- ·70.39.189.185/user/main_index.aspx.aspx
- ·谁埋给我ps抠掉一个人抠抠好吗呀？
- ·电脑启动后黑屏突然黑屏只能安全模启动但上不了网
