Javascript 替换或删除内部 html

Question

我只需要从这个 html 中提取 V1 BAE:

<ul class="checkout-bar">
    <li> Info for V1 BAE </li>
</ul>

到目前为止我有这个:

function() {
    var element = document.querySelector('ul.checkout-bar > li').textContent;
    return element;
}

但它返回这个:

\n\t\t\t\t V1 BAE\t\t\t 的信息

我只需要具有值 V1 BAE，因此需要删除所有 '\n\t\t\t\tInfo for ' 和 '\t\t\t'。

Answer 1

您可以使用 String#replace 的组合和 String#trim :

.replace('Info for','').trim();

演示:

var element=document.querySelector('ul.checkout-bar > li').textContent.replace('Info for','').trim();
console.log(element);

<ul class="checkout-bar">
<li> Info for V1 BAE  </li>
</ul>