为什么我创建 4 个 div 的循环函数是错误的？

Question

我正在练习使用循环，我所做的是：

var writing = function() {

for (var i = 0, n = 4; i < n; i++) {
    document.createElement("div") += 1;
}

};
writing();

没用，为什么？它应该创建 4 个 div。

Answer 1

这是我的解决方案

HTML:

<body>
  <div id="div1">The text above has been created dynamically.</div>
</body>

JS :

var writing = function() {

  var currentDiv = document.getElementById("div1"); 

   for (var i = 0; i < 4; i++) {
   var newDiv = document.createElement("div");
   var newContent = document.createTextNode("Hi there and greetings!"); 
   newDiv.appendChild(newContent);

   document.body.insertBefore(newDiv, currentDiv); 
}

};
writing();

希望对您有所帮助

点击查看JsFiddle

Answer 2

我的解决方案有点相同。谈论您的代码，

这一行..

document.createElement("div") += 1;

是无效赋值，不会增加 DOM 元素计数。保持简单。以下是我的编辑..

var writing = function() {
var elm;
    for (var i = 0; i < 4; i++) {
        elm = document.createElement("div");
        document.body.appendChild(elm);
    }

};

这是一个有效的 DEMO..

为什么我创建 4 个 div 的循环函数是错误的？

Why is my loop function to create 4 divs wrong?

javascript

loops

for-loop