我有以下 javascript 代码(纯 js,无库),但是当它运行时,它只返回一个元素而不是两个
function changeButtonStyles() {
var actualButtons = document.getElementsByClassName("read-more");
for (var i = 0; i < actualButtons.length; i++) {
actualButtons[i].parentNode.className = "basic";
actualButtons[i].className = "btn btn-xs btn-default";
}
它应该从页面返回两个元素,以便我可以修改它们,但它只返回一个元素,或者循环只迭代一个元素。为什么是这样?
jsfiddle https://jsfiddle.net/rzdkr2gL/1/
尝试通过方法选择所有元素
document.querySelectorAll(".read-more");
我更新小提琴https://jsfiddle.net/rzdkr2gL/7/ https://jsfiddle.net/rzdkr2gL/7/
你可以使用forEach
method
actualButtons.forEach(function (el) {
el.parentNode.className = "basic";
el.className = "btn btn-xs btn-default";
})
或(推荐方式)
Array.prototype.forEach.call(actualButtons, function (el) {
el.parentNode.className = "basic";
el.className = "btn btn-xs btn-default";
})
or
NodeList.prototype.forEach.call(actualButtons, function (el) {
el.parentNode.className = "basic";
el.className = "btn btn-xs btn-default";
})
最终代码可能看起来像https://jsfiddle.net/rzdkr2gL/8/ https://jsfiddle.net/rzdkr2gL/8/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)