为何无法使用xpath?

Question

一个很简单的文档：

    <div class="wrapper">
        <img src="./images/th0.jpeg" alt="">
        <p id="content">这是第一张图片</p>
    </div>

我使用document.evaluate来找出这个p

var oc1=document.evaluate('//p[@id="content"]',document).iterateNext();
var oc2=document.evaluate('//p[@id="content"]', document, null, XPathResult.ANY_TYPE, null);

上面两个表达式都不对，如何写正确的表达式？

Answer 1

document.evaluate 的第二个参数是上下文节点，你可以使用 document.documentElement

var oc1=document.evaluate('//p[@id="content"]',document.documentElement).iterateNext();
var oc2=document.evaluate('//p[@id="content"]', document.documentElement, null, XPathResult.ANY_TYPE, null);

Answer 2

更简洁一点

var oc1=document.evaluate('//p[@id="content"]',document.body).iterateNext();
var oc2=document.evaluate('//p[@id="content"]', document.body, null, XPathResult.ANY_TYPE, null);