Question

我想在我的div中显示内容，但代码不起作用。请告诉我该怎么做。

＆＃13;

exclusive

＆＃13;

如何让循环在我选择的div中显示我的变量？我的代码中哪一部分错了？请帮忙。

Answer 1

Tehre是多个问题

<p id="display"></p>

<script>
  var i;

  //initialize the value
  var disp = '';
  for (i = 0; i < 11; i++) {
    //concatenate the value of disp so that new value will be added to the previous content other wise the values will be overwritten
    disp += "the number is " + i;
    console.log(disp);

  }

  //assign value of disp to the elemet innerHTML
  document.getElementById("display").innerHTML = disp;
</script>

Answer 2

在innerHTML循环中设置for。

for (var i = 0; i < 11; i++) {
    var disp = "the number is " + i;
    document.getElementById("display").innerHTML = disp;
    // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
}

如果您想一次显示所有内容

var disp = ''; // Assign empty string
for (var i = 0; i < 11; i++) {
    disp += " the number is " + i; // Concat message
}
document.getElementById("display").innerHTML = disp; // Add into html
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Answer 3

因为您从不在HTML页面上写任何内容。您只需在控制台中显示它。之后您将＃:raw-html:元素的HTML内容分配给变量display，这没有任何意义：

disp

这是它的工作方式

disp = document.getElementById("display").innerHTML;

Answer 4

var i;

    for(i=0; i<11; i++){

    var disp = "the number is " + i;
    console.log(disp);

    }

    document.getElementById("display").innerHTML = disp;

Answer 5

Something like this should be fine

function createDivs(){
    var pContainer = document.getElementById("display");
    var i;
    for(i = 0; i < 11; i++){
        var message = "the number is " + i;
        console.log(message);
        var element = document.createElement("div");
        element.innerHTML = message;
        pContainer.appendChild(element);
    }

    disp = document.getElementById("display").innerHTML;
};

createDivs();

为什么这个for循环不能在我的div中使用JavaScript显示？

5 个答案: