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();

Res-> 270,38K（good）

但是我无法通过CSS选择器实现它，

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

Res->欧元（€）！ 270,38K（wrong）

您是否有线索只能使用CSS选择器来获取span的文本值（不包含子级内容？）>

谢谢大家！

关于我们的CSS和Xpath选择器世界的一个小问题，我已经成功地使用XPATH获得了文本值，但是我无法使用CSS选择器成功，这是我的示例：...

Answer 1

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

通过使用lastNode获取元素的last child node（应该是文本节点）并获取该元素的textContent