CSS / XPATH 选择器查询

Question

对我们的 CSS 和 Xpath 选择器世界的一个小问题我已经成功地使用 XPATH 获得了一个文本值，但我无法使用 CSS 选择器成功，

这是我的例子：

<span class="piggy">
    <i class="fa fa-try"></i>
    <strong>euros (€) !</strong>
270,38K</span>

我可以获得值“270,38K”而没有 XPATH 问题，

document.evaluate('//*[@id="wrap"]/span/text()', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.textContent.trim();

分辨率 -> 270,38K（好）

但我无法使用 CSS 选择器实现它，

document.querySelector('span.piggy').innerText.trim();

资源 -> 欧元 (€) ！ 270,38K（错误）

您是否有线索只能使用 css 选择器获取 span 的文本值（没有子内容）？

谢谢你们 ！

Answer 1

您的选择器很好，您只需要通过获取包含所需文本的文本节点来做一些额外的工作，因为 css 选择器无法获得这些文本

使用 lastNode 获取元素的最后一个子节点（应该是文本节点）并获取该元素的 textContent

document.querySelector('span.piggy').lastNode.textContent

或使用childNodes列表

let nodes = document.querySelector('span.piggy').childNodes;
console.log( nodes[nodes.length-1].textContent );