Question

    <div id="story"></div>
    <script>
    function go(){
         var test = [];
            for (i=1; i<11; i++){
            test[i]=i;
            var words = document.getElementById(test[i]).value
            document.getElementById("story").innerHTML="hello "+test[i];
        }
    }

我希望for循环中的所有东西都写在div中。但是，只有循环（10）的最后一个值被写入div。我如何获得写在那里的所有值？

Answer 1

您要替换要连接的innerHTML使用+ =

document.getElementById("story").innerHTML+="hello "+test[i];

或

document.getElementById("story").innerHTML = 
    document.getElementById("story").innerHTML + "hello "+test[i];

Answer 2

所有值都写入元素，但每个值都会覆盖前一个值。

收集数组中的值，并在循环后将它们全部写入元素。例如：

<div id="story"></div>
<script>
function go(){
  var test = [];
  var msg = [];
  for (i=1; i<11; i++){
    test[i]=i;
    var words = document.getElementById(test[i]).value
    msg.push("hello "+test[i]);
  }
  document.getElementById("story").innerHTML = msg.join(', ');
}
go();
</script>

innerHTML写在div中

2 个答案: