JS—XPath

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]))