为什么不能在Magento中创建新的DIV?

时间:2014-10-31 11:57:48

标签: javascript html magento

我正在尝试为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);

};

1 个答案:

答案 0 :(得分:0)

在for条件中,你应该使用i&lt;最大值,否则循环将执行一次以上。

为了使div可见,请为其设置文本,或设置背景颜色,宽度和高度。

最后,您将元素附加到document元素,这实际上没有意义。您必须替换document.body.appendChild或campaigns [i] .appendChild。