从 html 变量中获取 Xpath 值

Question

这些天我在一个项目中工作。 我正在尝试抓取一些数据，但不幸的是到目前为止没有成功。我获取了页面的源代码以获取数据，但我不知道如何获取 xpath 值，因为“html”在变量中，有人可以帮助我吗？我会很感激的

<script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<p id="bio"></p>
<script>
    $.getJSON('https://api.allorigins.win/get?url=' + encodeURIComponent('https://ricette.giallozafferano.it/Tiramisu.html') + '&callback=?', function (data) {
        var htmlString = data.contents;
        var doc = new DOMParser().parseFromString(htmlString, "text/html");
        console.log(doc);
        
        // document.getElementById("bio").textContent = xpath;
        // XAPTH /html/body/div[2]/main/div[1]/div[2]/div[3]/div[1]/div[2]/ul/li[1]/span[2]
    });
</script>

Answer 1

只需使用 document.evaluate 并将您解析的 HTML 作为第二个参数传递：

document.evaluate('/html/body/div[2]/main/div[1]/div[2]/div[3]/div[1]/div[2]/ul/li[1]/span[2]', doc);