JavaScriptfor循环不使用连接字符串
JavaScriptfor循环不使用连接字符串
提问于 2014-07-17 16:27:54
HTML
<div id="this1"></div>JS
var total = 5;
for (var i=0; i<total; i++){
var id = "this" + i.toString();
var s= document.getElementById("this1");
s.innerHTML += id;
s.innerHTML += "<br/>";
}输出
this0
this1
this2
this3
this4我想要的是将元素选择器更改为var id。
var s= document.getElementById(id);当我这样做时，循环只循环一次并停止。如果我将for循环i更改为1,2,3等，并将html div id与该IE匹配：
html
<div id="this3"></div>js
for (var i=3; i<total; i++){输出
this3我得到了一个成功的输出，正如我所应该的。但是，在0启动迭代器，我得到了1循环，仅此而已。
在我半醒的时候，有没有什么基本的东西我没有注意到？
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-07-17 16:32:43
这是因为您的循环是基于0的，所以您需要一个this0 id，否则当您尝试并对未定义的东西执行.innerHtml时，它会抛出一个异常。
<div id="this0"></div>
<div id="this1"></div>
<div id="this2"></div>
<div id="this3"></div>
<div id="this4"></div>
var total = 5;
for (var i=0; i<total; i++){
var id = "this" + i;
var s= document.getElementById(id);
s.innerHTML += id;
s.innerHTML += "<br/>";
}另外，您不需要toString js知道如何转换它。
小提琴：http://jsfiddle.net/75jah/
Stack Overflow用户
发布于 2014-07-17 16:32:50
如果您没有相应的元素(<div id="this0">，如果您从i = 0开始)，那么您将得到Uncaught TypeError: Cannot read property 'innerHTML' of null，脚本将停止。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24808887
复制相关文章
相似问题
腾讯云开发者
