XPath text() 返回 2 个值如何将它们组合为一个

Question

我有这个：

 const $x = xp => { const snapshot = document.evaluate( xp, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); return [...Array(snapshot.snapshotLength)] .map((_, i) => snapshot.snapshotItem(i)) ; }; console.log($x('//h2/text()[1]')); console.log($x('//h2/text()[2]'));

 <h2 _ngcontent-gbb-c105="" class="text-center">HERZLICH WILLKOMMEN <br _ngcontent-gbb-c105=""> BEI DEINER ANKER APP</h2>

有没有办法让text()[1]和text()[2]连接在一起，所以我可以做这样的事情： //*[text()='HERZLICH WILLKOMMEN BEI DEINER ANKER APP']

Answer 1

我会简单地选择h2元素，然后读出它的textContent属性：

 const $x = xp => { const snapshot = document.evaluate( xp, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null ); return [...Array(snapshot.snapshotLength)] .map((_, i) => snapshot.snapshotItem(i)) ; }; console.log($x('//h2')[0].textContent);

 <h2 _ngcontent-gbb-c105="" class="text-center">HERZLICH WILLKOMMEN <br _ngcontent-gbb-c105=""> BEI DEINER ANKER APP</h2>

或者您可以使用 XPath 表达式string((//h2)[1])但显然您的 JavaScript 代码使用 XPath API 然后需要更改以使用不同的结果类型：

 const text = document.evaluate('string((//h2)[1])', document, null, XPathResult.STRING_TYPE, null).stringValue; console.log(text);

 <h2 _ngcontent-gbb-c105="" class="text-center">HERZLICH WILLKOMMEN <br _ngcontent-gbb-c105=""> BEI DEINER ANKER APP</h2>

Answer 2

我不确定语法，但我认为这应该有效：

console.log($x('//h2').text());