Javascript獲取元素的xpath


//獲取xpath
function readXPath(element) {
    if (element.id !== "") {//判斷id屬性,如果這個元素有id,則顯 示//*[@id="xPath"]  形式內容
        return '//*[@id=\"' + element.id + '\"]';
    }
    //這里需要需要主要字符串轉譯問題,可參考js 動態生成html時字符串和變量轉譯(注意引號的作用)
    if (element == document.body) {//遞歸到body處,結束遞歸
        return '/html/' + element.tagName.toLowerCase();
    }
    var ix = 1,//在nodelist中的位置,且每次點擊初始化
         siblings = element.parentNode.childNodes;//同級的子元素
 
    for (var i = 0, l = siblings.length; i < l; i++) {
        var sibling = siblings[i];
        //如果這個元素是siblings數組中的元素,則執行遞歸操作
        if (sibling == element) {
            return arguments.callee(element.parentNode) + '/' + element.tagName.toLowerCase() + '[' + (ix) + ']';
            //如果不符合,判斷是否是element元素,並且是否是相同元素,如果是相同的就開始累加
        } else if (sibling.nodeType == 1 && sibling.tagName == element.tagName) {
            ix++;
        }
    }
};

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM