从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并将解析后的超文本标记语言作为第二个参数传递即可：

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