javascript - 使用 GetElementsByClassName 删除部分文本

Question

我正在尝试使用以下脚本从我正在处理的页面上的所有价格中删除“.00”。 “.00”是由我正在使用的 WP 主题自动内置的。

这是我正在使用的脚本:

<script>
window.onload = function() {
    var str = document.getElementsByClassName("hungry-menu-item-price").innerHTML; 
    var res = str.replace(".00", "");
    document.getElementsByClassName("hungry-menu-item-price").innerHTML = res;
}
</script>

价格的格式如下:

<h4 class="hungry-menu-item-price">$24.00</p>

...但它不起作用。我错过了什么？

Answer 1

getElementsByClassName返回 HTMLCollection 。您必须迭代它:

var elements = document.getElementsByClassName("hungry-menu-item-price");
for(var i=0; i<elements.length; ++i)
  elements[i].textContent = elements[i].textContent.replace(".00", "");

<p class="hungry-menu-item-price">$24.00</p>