使用Javascript中的innerHTML将for循环的结果写入网页

时间:2014-09-05 20:40:20

标签: javascript for-loop innerhtml

我正在学习Javascript,现在我对控制台感到厌倦,所以我想“写”到网页本身。

我正在向页面写一个for循环的结果,我想打印结果,在每个索引后放一个逗号,我已经设法完成了这个但是在最后一个结果的末尾有一个逗号,如何在第9个索引之后停止逗号?我假设我需要使用某种索引(i [9]),但我不知道怎么说停止写逗号。

这是我的代码:

var x = document.getElementById("para1");
x.innerHTML = "Result: ";
for(var i = 1; i < 11; i++) {
    result= i + "," + " ";
x.innerHTML += result;
}

另外一件事,我在x变量的innerHTML中打印“result”,除了页面的实际HTML之外,还有另一种方法来编写变量吗?例如在最后的x.innerHTML中?

我会非常感激任何帮助!

由于

2 个答案:

答案 0 :(得分:5)

我会使用一个数组然后在循环结束后,加入,上的数组,然后追加到innerHTML:

var x = document.getElementById("para1");
var result = [];
for(var i = 1; i < 11; i++) {
    result.push(i);
}
x.innerHTML = "Result: " + result.join(", ");

答案 1 :(得分:0)

一般来说,要为最后一个做一些不同的事情,你必须采用不同的方式:

 var x = document.getElementById("para1");
 x.innerHTML = "Result: ";
 for(var i = 1; i < 10; i++) {   // one less here
     result= i + "," + " ";      // this could be result = i + ", ";
     x.innerHTML += result ;
    }

 result = "10";            // this could be made shorter. I wanted it to parellel 
 x.innerHTML += result;    // the code above.

更新: 为了使它更明显......

原创方式:

 var n = 10;
 for(var i = 1; i <= n; i++) {
     DoSomething(i);
    }
修改方式:

 var n = 10;
 for(var i = 1; i < n; i++) {
     DoSometing(i);
    }

 DoSomethingSpecialLastCase(n)