Javascript 使用GetElementsByCassName删除部分文本

我正在尝试使用以下脚本从我正在处理的页面上的所有价格中删除“.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>

window.onload=函数（）{
var str=document.getElementsByClassName（“饥饿菜单项价格”）.innerHTML；
var res=str.replace（“.00”和“）；
document.getElementsByClassName（“饥饿菜单项价格”）.innerHTML=res；
}

价格的格式如下：

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

24.00美元

……但它不起作用。我缺少什么？

返回一个。您必须对其进行迭代：

var elements=document.getElementsByClassName（“饥饿菜单项价格”）；
for（var i=0；idocument.getElementsByClassName（）函数返回节点列表，而不是元素

因此，它必须是：

document.getElementsByClassName（'hunger-menu-item-price'）[0]。innerHTML
具体来说，它返回的是
HTMLCollection
，而不是
NodeList
。赢家，鸡肉晚餐。非常感谢！