javascript - 使用 javascript 创建 html 不起作用

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 4 年前。

Improve this question

我正在尝试使用 javascript 创建此内容，以便我可以根据需要多次重复它

<div class="parallax-item">
<img src="http://freepngimages.com/wp-content/uploads/2015/10/bubble-transparent-background.png" alt="BUBBLE">
</div>

这是我所做的 Javascript，但是当我运行它时什么也没有发生。

var makeBubbles = function (numOfBubbles) {
      var div = document.createElement("div");
      div.className = "parralax-item";
      div.id = 'num' + numOfBubbles + 'div';
      document.getElementById("main").appendChild(div);
      var image = document.createElement("IMG");
      image.src = "http://freepngimages.com/wp-content/uploads/2015/10/bubble-transparent-background.png";
      image.alt = "BUBBLE";
      document.getElmentById('num' + numOfBubbles + 'div').appendChild(image);
      numOfBubbles --;
      if (numOfBubbles > 0) {
        makeBubbles(numOfBubbles);
      }
    };
    
    makeBubbles(9);

我哪里出错了？另外，我在哪里可以看到这对 html 所做的更改，以便我可以进行一些测试？

Answer 1

您遇到了TypeError，它是getElementById，而不是getElmentById

var makeBubbles = function (numOfBubbles) {
      var div = document.createElement("div");
      div.className = "parralax-item";
      div.id = 'num' + numOfBubbles + 'div';
      document.getElementById("main").appendChild(div);
      var image = document.createElement("IMG");
      image.src = "http://freepngimages.com/wp-content/uploads/2015/10/bubble-transparent-background.png";
      image.alt = "BUBBLE";
      document.getElementById('num' + numOfBubbles + 'div').appendChild(image);
      numOfBubbles --;
      if (numOfBubbles > 0) {
        makeBubbles(numOfBubbles);
      }
    };
    
    makeBubbles(9);

<div id="main"></div>