XPath是设计用来在DOM文档中查找节点的一种手段,因为对于xml而言,他查找节点是采用标准dom的方法,比较繁杂,所以XPath对于XML处理很重要。但是,在DOM3级才首次实现了这个推荐不标准。IE8及以前采用IE特有的方法。
- IE中的Xpath
- 基本方式
在IE8之前的浏览器,XPath是采用内置基于ActiveX的XML DOM文档对象实现的,在每一个节点上提供了两个方法:selectSingleNode()和selectNodes()
这两个方法都会接受一个Xpath模式(也就是查找路径)。
var xmlDom=getXMLDOM("<root><user id='5'>doo</user><user id='6'>Lee</user></root>");
var node=xmlDom.selectSingleNode("root/user");
alert(node.tagName)//user
var nodes=xmlDom.selectNodes("root/user");
alert(nodes.length)//2
特点:
1、selectSingleNode()
被用来查找单一节点。
2、selectNodes()
被用来查找符合路径的一个nodelist。
3、xmldom不仅是调用这两个方法的对象,也是参数路径的上下文节点。指向xml DOM对象,是root的上一层节点。类似于html中的document对象。注意:在使用上下文节点时,要与路径配合好
var node=xmlDom.documentElement.selectSingleNode("user");
4、使用selectSingleNode()
查找的单一节点,其实是同一路径下节点的第一个。 - 常用语法
【查找同一路径下的某个节点】
var node=xmlDom.selectSingleNode("root/user[1]");
【获取节点内的值】
var node=xmlDom.selectSingleNode("root/user/text()");
alert(node.nodeValue);
【不关心层次查询】
查找的是xml文档内的user节点,不关心她在怎样的上下文中,只要有就可以
var node=xmlDom.selectSingleNode("//user");
是在root下不关心层次查找user
var node=xmlDom.selectSingleNode("root//user");
【查找属性】
var node=xmlDom.selectSingleNode("root/user[@id='6']"); -
DOM3中的Xpath
规定了两个重要类型XpathEvaluator和XpathResult。- 获取单一节点
【方法1】
var eva=new XPathEvaluator();
var result=eva.evaluate('root/user',xmlDom,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);
if(result!=null){
alert(serializeXML(result.singleNodeValue));
}
特点:
1、首先利用XPathEvaluator
,创造一个实例,然后调用该实例的evaluate
方法,该方法可以根据参数返回节点情况或节点信息。
2、为该方法传递5个参数,(XPath表达式,上下文节点,命名空间求解器(一般null),返回的结果类型,保存结果的XPathResult对象(null))
3、返回的结果类型有很多种,最常用的一个是:返回匹配的节点集合,另一个是:返回只包含一个节点的节点集合。
单一节点:XPathResult.FIRST_ORDERED_NODE_TYPE
节点集合:XPathResult.ORDERED_NODE_ITERATOR_TYPE
4、.singleNodeValue
可以通过结果的这个属性来返回匹配节点
【方法2】
省去创建XPathEvaluator
对象,而是直接调用xmlDom对象的evaluate
方法。 - 获取节点集合
var eva=new XPathEvaluator();
var result=eva.evaluate('root/user',xmlDom,null,XPathResult.ORDERED_NODE_ITERATOR_TYPE,null);
if(result!=null){
var nodes=[];
var node=result.iterateNext();
while(node!=null){
nodes.push(node);
node=result.iterateNext();
}
}
alert(serializeXML(nodes[1]));
【特点】
1、可以通过结果的.iterateNext()
这个方法返回遍历节点对象,
2、通过while循环,将节点集合放到一个数组中。
- 获取单一节点
跨浏览器方法
- 思考:
1、XPath中,查找同一个路径下的某个节点,IE是从0开始,DOM3是从1开始
2、dom3独有的功能放弃,为了保证跨浏览器
3、只获取单一节点与节点列表即可,基本可以完成所有操作。 - 方法
//跨浏览器单一节点
function selectSingleNode(xmlDom,xpath){
var node=null;
if(typeof xmlDom.evaluate!='undefined'){//DOM3
var pattern=/[(\d+)]/;
var flag=xpath.match(pattern);
var num=0;
if(flag!=null){
num=parseInt(RegExp.$1)+1;
xpath=xpath.replace(pattern,'['+num+']')
}
var result=xmlDom.evaluate(xpath,xmlDom,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null);
if(result!=null){
node=result.singleNodeValue;
}
}else if(typeof xmlDom.selectSingleNode!='undefined'){//IE
node=xmlDom.selectSingleNode(xpath);
}
return node;
}
//跨浏览器节点集合
function selectNodes(xmlDom,xpath){
var nodes=[];
if(typeof xmlDom.evaluate!='undefined'){//DOM3
var pattern=/[(\d+)]/;
var flag=xpath.match(pattern);
var num=0;
if(flag!=null){
num=parseInt(RegExp.$1)+1;
xpath=xpath.replace(pattern,'['+num+']')
}
var result=xmlDom.evaluate(xpath,xmlDom,null,XPathResult.ORDERED_NODE_ITERATOR_TYPE,null);
if(result!=null){
var node=null;
while((node=result.iterateNext())!=null){
nodes.push(node);
}
}
}else if(typeof xmlDom.selectSingleNode!='undefined'){//IE
nodes=xmlDom.selectNodes(xpath);
}
return nodes;
}
var node=selectSingleNode(xmlDom,'root/user[0]')
var nodes=selectNodes(xmlDom,'root/user')
alert(serializeXML(nodes[1]))