Ruby's Louvre

每天学习一点点算法

导航

公告

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>

posted on 2011-11-06 16:09 司徒正美阅读(1123) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部