javascript - 在 JavaScript 中提取给定 xpath 的数据/值

Question

我能够提取文档中存在的任何元素的 xpath，但无法提取其内容/值/数据。例如:

<div class="container" title="DivA">
DivA
<div id="container" title="#DivB">
    #DivB
    <div title="DivC (div)">
        DivC (div)
    </div>
    <span title="SpanD (span)">
        SpanD (span)
        <ul>
            <li title="Bullet 1">Bullet 1</li>
            <li id="bullet2" title="Bullet 2">Bullet 2 (#bullet2)</li>
            <li title="Bullet 3">Bullet 3</li>
        </ul>
    </span>
          <img src="favicon.ico">
         <a href="http://google.com/">Dummy Href</a>
</div>

i need the content which is in between tags for example:
var path = //*[@id='container']/span1/ul1/li[3]; //path for Bullet 3
var data = path.value // or any thing which can help to extract data.
var data will be Bullet 3

xpath提取截图:

Answer 1

您可以使用 document.evaluate 来完成此任务..

像这样:

var li = document.evaluate( "//*[@id='container']/span[1]/ul[1]/li[1]", document, null, XPathResult.STRING_TYPE, null);
var a = document.evaluate("//*[@id='container']/span[1]/a/@href",document, null, XPathResult.STRING_TYPE, null);
console.log(li.stringValue);
console.log(a.stringValue);

<div class="container" title="DivA">
DivA
<div id="container" title="#DivB">
    #DivB
    <div title="DivC (div)">
        DivC (div)
    </div>
    <span title="SpanD (span)">
        SpanD (span)
        <a href="https://google.com">Google</a>
        <ul>
            <li title="Bullet 1">Bullet 1</li>
            <li id="bullet2" title="Bullet 2">Bullet 2 (#bullet2)</li>
            <li title="Bullet 3">Bullet 3</li>
        </ul>
    </span>
</div>