javascript目标文本但不是子元素[关闭]

Posted 2023-05-09

【中文标题】javascript目标文本但不是子元素[关闭]

【英文标题】：javascript target text but not child element [closed]

【发布时间】：2020-12-22 14:11:11

【问题描述】：

我有以下 html：

<span class="woocommerce-order-overview__total total">
    Gesamt: <strong><span class="woocommerce-Price-amount amount">0,85<span class="woocommerce-Price-currencySymbol">€</span></span></strong>
</span>

我想要的输出是值0,85，但没有货币符号。我该如何修改这个 javascript？

function() var capturedText = document.querySelector(".woocommerce-order-overview__total span.woocommerce-Price-amount").innerText.match(/^(.*).1/i)[1].trim(); return capturedText; 

【问题讨论】：

您的代码有效jsfiddle.net/4f76tjp5

【参考方案1】：

您可以使用childNodes 获取该文本节点：

var capturedText = document.querySelector(".woocommerce-order-overview__total span.woocommerce-Price-amount").childNodes[0].textContent;

console.log(capturedText);

<span class="woocommerce-order-overview__total total">
    Gesamt: <strong><span class="woocommerce-Price-amount amount">0,85<span class="woocommerce-Price-currencySymbol">€</span></span></strong>
</span>