我是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>';
这是我的php变量,由动态创建,如下所示。
已
添加已
添加
我想通过单击一下,用ajax函数更改所有文本的“添加”为“添加”的所有变量的内容,如下所示。
function clearcart(msg) {
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById('cartreturn').innerHTML = xmlhttp.responseText;
document.getElementsByClassName('allitem').innerHTML = "Add";
}
}
xmlhttp.open("GET", "/addcart.php?msg=" + msg, true);
xmlhttp.send();
}
但是第一个链接文本只受影响..其他不受影响,我如何解决此问题
document.getElementsByClassName
返回NodeList
。您必须遍历所有元素:
var allItems = getElementsByClassName('allitem');
for (var i = 0; i < allItems.length; i++) {
allItems[i].innerHTML = 'Add';
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句