Javascript 为什么可以'；不可以在Magento中创建一个新DIV吗？

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

};

var活动=document.getElementsByClassName（“活动”）；
for（var i=0，max=campetings.length；i在for条件下，您应该使用i
要使div可见，您应该为其设置文本，或设置背景色、宽度和高度

最后，将元素附加到document元素，这实际上没有意义。必须替换为document.body.appendChild或活动[i].appendChild。
您正在使用基本javascript添加元素。它应该在那里。很可能它在div中没有任何内容，所以您看不到它。请尝试添加
newDiv.style.min-height=“20px”
添加到它。我试图设置高度并在Div中添加文本，但仍然看不到任何内容。您可以发布现有的html和完整的js吗？