자바스크립트 - XPATH 문법으로 DOM ELEMENT 가져오기

 

XPATH 문법으로 단일 요소 가져오기

function getElementByXpath(path){
	return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}

console.log( getElementByXpath("//html[1]/body[1]/div[1]"));

 

XPATH 문법으로 다중 요소 가져오기

function getElementsByXPath(xpath, parent)
{
    let results = [];
    let query = document.evaluate(xpath, parent || document,
        null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    for (let i = 0, length = query.snapshotLength; i < length; ++i) {
        results.push(query.snapshotItem(i));
    }
    return results;
}

let items = getElementsByXPath("//*"); // return all elements on the page

 

 

출처: 

https://sensitivity-dev.tistory.com/21

Javascript XPath를 이용해서 Dom Element 가져오기

 

https://stackoverflow.com/questions/36303869/how-to-use-document-evaluate-and-xpath-to-get-a-list-of-elements

How to use document.evaluate() and XPath to get a list of elements?