Javascript get XPath of a node

by

I refactored this from another example. It will attempt to check or there is for sure a unique id and if so use that case to shorten the expression.

function createXPathFromElement(elm) { 
    var allNodes = document.getElementsByTagName('*'); 
    for (var segs = []; elm && elm.nodeType == 1; elm = elm.parentNode) 
    { 
        if (elm.hasAttribute('id')) { 
                var uniqueIdCount = 0; 
                for (var n=0;n < allNodes.length;n++) { 
                    if (allNodes[n].hasAttribute('id') && allNodes[n].id == elm.id) uniqueIdCount++; 
                    if (uniqueIdCount > 1) break; 
                }; 
                if ( uniqueIdCount == 1) { 
                    segs.unshift('id("' + elm.getAttribute('id') + '")'); 
                    return segs.join("https://stackoverflow.com/"); 
                } else { 
                    segs.unshift(elm.localName.toLowerCase() + '[@id="' + elm.getAttribute('id') + '"]'); 
                } 
        } else if (elm.hasAttribute('class')) { 
            segs.unshift(elm.localName.toLowerCase() + '[@class="' + elm.getAttribute('class') + '"]'); 
        } else { 
            for (i = 1, sib = elm.previousSibling; sib; sib = sib.previousSibling) { 
                if (sib.localName == elm.localName)  i++; }; 
                segs.unshift(elm.localName.toLowerCase() + '[' + i + ']'); 
        }; 
    }; 
    return segs.length ? "https://stackoverflow.com/" + segs.join("https://stackoverflow.com/") : null; 
}; 

function lookupElementByXPath(path) { 
    var evaluator = new XPathEvaluator(); 
    var result = evaluator.evaluate(path, document.documentElement, null,XPathResult.FIRST_ORDERED_NODE_TYPE, null); 
    return  result.singleNodeValue; 
}

More Related Contents:

  1. Parse an HTML string with JS
  2. jQuery document.createElement equivalent?
  3. When should I use jQuery’s document.ready function?
  4. How can I count text lines inside an DOM element? Can I?
  5. How do I create a link using javascript?
  6. How do I check if an element is really visible with JavaScript? [duplicate]
  7. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  8. Find the closest ancestor element that has a specific class
  9. Replace HTML page with contents retrieved via AJAX
  10. How can I highlight the text of the DOM Range object?
  11. JavaScript accessing inner DOM of SVG
  12. Why doesn’t nodelist have forEach?
  13. Pass mouse events through absolutely-positioned element
  14. getAttribute() versus Element object properties?
  15. How to check if element has any children in Javascript?
  16. Why aren’t some technically serializable input properties serializable?
  17. Adding images to an HTML document with JavaScript
  18. Forcing a DOM refresh in Internet explorer after javascript dom manipulation
  19. How to give a Blob uploaded as FormData a file name?
  20. Add an element to the DOM with JavaScript
  21. What is the difference between Document and document in JavaScript?
  22. How to get the title of HTML page with JavaScript?
  23. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  24. Retrieving value from with multiple option in React
  25. document.createElement(‘script’)… adding two scripts with one callback
  26. How browser executes Javascript and renders asynchronously
  27. How to prevent an iframe from reloading when moving it in the DOM
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. Create a table in SVG

Leave a Comment