xpath的一些测试

zoukankan html css js c++ java

xpath的一些测试

<!DOCTYPE html> <html> <head> <title>xpath test by 司徒正美</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="/dom/dom.js"></script> <script> window.onload = function(){ var xmlstr = '<?xml version="1.0" encoding="ISO-8859-1"?>'+ document.getElementsByTagName("xml")[0].innerHTML //.html(); function parseXML( data,xml,tmp ) { try { if ( window.DOMParser ) { // Standard tmp = new DOMParser(); xml = tmp.parseFromString( data , "text/xml" ); } else { // IE xml = new ActiveXObject( "Microsoft.XMLDOM" ); xml.async = "false"; xml.loadXML( data ); xml.setProperty("SelectionNamespaces", "xmlns:xsl='http://www.w3.org/1999/XSL/Transform'"); xml.setProperty("SelectionLanguage", "XPath"); } } catch( e ) { xml = undefined; } if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) { throw ( "Invalid XML: " + data ); } return xml; } var xml = parseXML(xmlstr); function getElementsByXPath(xpath,context,doc) { var result = []; if( doc.evaluate){ var nodes = doc.evaluate(xpath, context, null, 7, null); for (var i = 0, n = nodes.snapshotLength; i < n; i++){ result[i] = nodes.snapshotItem(i) } }else{ nodes = context.selectNodes(xpath); for (i = 0, n = nodes.length; i < n; i++){ result[i] = nodes[i] } } return result; }; var $X = function(expr){ var nodes = getElementsByXPath(expr,xml,xml); console.log(nodes) return nodes } showIDs = function(expr){ var nodes = getElementsByXPath(expr,xml,xml); for(var i=0,el;el = nodes[i++];){ console.log(el.getAttribute("id")) } } $X("//book"); $X("//book/title") $X("//book//title") $X("//book/child::title") $X('//book//title[@class="classname2"]') $X("/descendant-or-self::node()[@class='classname2']") $X("/descendant-or-self::node()[@class='classname']") $X("//node()[@class='classname']") $X("//*[@class='classname2']") console.log("==================") $X("id('aa0')") showIDs("//node()[@class='classname']") } </script> </head> <body> <xml> <bookstore> <title class="classname0" id="aa0">ddd</title> <title class="classname" id="aa1">ddd</title> <book> <title lang="en" class="classname" id="aa2">foo</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book> <book> <title lang="en" class="classname" id="aa3">bar</title> <author>J K. Rowling<title class="classname2">ddd</title></author> <year>2005</year> <price>29.99</price> </book> </bookstore> </xml> </body> </html>

机器瞎学/数据掩埋/模式混淆/人工智障/深度遗忘/神经掉线/计算机幻觉/专注单身二十五年

查看全文

相关阅读:
【转】linux之fsck命令
 【转】linux之mkfs/mke2fs格式化
 【转】linux_fdisk命令详解
 【转】linux之ln命令
 [转]linux的du和df命令
 [转]Linux之type命令
 [转]Linux下which、whereis、locate、find 命令的区别
 [转]Linux的chattr与lsattr命令详解
 get 与post 的接收传值方式
 在asp.net前台页面中引入命名空间和连接数据库

原文地址：https://www.cnblogs.com/rubylouvre/p/2238174.html