ajax调用时javascript动态内容不受影响

我是javascript新手，正在使用PHP变量动态创建链接，如下所示

$addlink = '<button class="blueBtn btnSmall" id="current'.$product_id.'"    onClick=addcart('.@$product_id.',"add")><span class="allitem"
<font color="#A2F3AB">Added</font></span></button>';

---

但第一个链接文本仅受影响。。另一个不影响我如何解决此问题

文档。GetElementsByCassName

返回一个

节点列表

。您必须迭代所有元素：

var allItems = getElementsByClassName('allitem');
for (var i = 0; i < allItems.length; i++) {
    allItems[i].innerHTML = 'Add';
}

var allItems=getElementsByClassName（'allitem'）；
对于（变量i=0；i

请参阅

您不能执行

document.getElementsByClassName（'allitem'）.innerHTML

您可以执行

document.getElementsByClassName（'allitem'）[0]。innerHTML=“Add”

---

“allitem”类有几个元素吗？如果没有，那么可能应该使用id而不是类，然后调用

document.getElementById（'allitem'）.innerHTML=“Add”
-1表示您的问题格式不正确。@RahulDesai 99%的问题格式不正确——有时似乎我花在修改缩进上的时间比回答上的时间要多。：）请不要使用
html标记。它已被弃用，您可以通过在css中设置“allitem”类的样式来实现同样的效果
var allItems = getElementsByClassName('allitem');
for (var i = 0; i < allItems.length; i++) {
    allItems[i].innerHTML = 'Add';
}