在 Chrome 中评估 xpath 表达式

Question

我正在尝试从此页面http://www.money.pl/pieniadze/ 的表中提取几行 使用 xpath 表达式和 javascript。 我可以将整个页面显示为弹出窗口，但我无法使用 document.evaluate() 评估 xpath 表达式； 尝试使用 XPathResultType 但没有结果。 有人可以帮忙吗？

这是我的背景页面：

<html><head><script>
...
var wholePage;
setInterval(fetch, 20000);


    function fetch()
    {
        req = new XMLHttpRequest();
        var url = "http://www.money.pl/pieniadze/";
        req.open("GET", url);
        req.onload = process;
        req.send();
    }   

    function process()
    {
        wholePage = req.responseText;
    }
</script></head></html>

这是弹出页面：

<html><head><script>
...
    onload = setTimeout(extract, 0); 

        function extract()  
        {
            chrome.browserAction.setBadgeText({text: ''});
            var bg = chrome.extension.getBackgroundPage();
            var EurPlnPath = "//tr[@id='tabr_eurpln']";
            var tempDiv = document.getElementById('current');
            tempDiv.innerHTML = bg.wholePage;
            var oneTopic = document.evaluate( EurPlnPath, bg.wholePage, null, XPathResult.ANY_TYPE, null)
            var res = oneTopic.iterateNext();
        }

</script></head>
<body>
<div id="current">
</div>
</body>
</html>

Answer 1

您不能在纯字符串上使用 XPath。您必须先将字符串转换为文档。例如，使用DOMParser。当前浏览器尚不支持text/html。要使其工作，您必须包含指定的代码at this answer：

var bgWholePage = new DOMParser().parseFromString(bg.wholePage, 'text/html');
document.evaluate( EurPlnPath, bgWholePage, ...

如果要在后台页面解析文档，请使用bg.document.evaluate而不是document.evaluate：

var oneTopic = bg.document.evaluate( EurPlnPath, bg.wholePage, null, XPathResult.ANY_TYPE, null)

Answer 2

尝试document.querySelector("tr#tabr_eurpln") 代替document.evaluate，这将返回一个DOM 元素，对应于选择器。