我正在尝试为Magento页面上的循环中的每个元素创建一个新的红色div。但是当我预览页面时没有任何反应。我的循环工作并返回3个警告框,所以我希望得到3个红色div,代码如下,但没有任何反应!
var campaigns = document.getElementsByClassName("campaign");
for (var i=0, max= campaigns.length; i <= max; i++) {
//This alert works - alert("Campaign" + i);
var newDiv = document.createElement('div');
newDiv.id = 'example'+i;
newDiv.className = 'examples';
newDiv.style.color = "red";
document.appendChild(newDiv);
};
答案 0 :(得分:0)
在for条件中,你应该使用i&lt;最大值,否则循环将执行一次以上。
为了使div可见,请为其设置文本,或设置背景颜色,宽度和高度。
最后,您将元素附加到document元素,这实际上没有意义。您必须替换document.body.appendChild或campaigns [i] .appendChild。