数组不会在div中输出
数组不会在div中输出
提问于 2018-02-08 15:46:57
解决了！我正试图在我的网站上的div中输出我的数组值。但它只写入数组中的最后一个元素。在控制台中，它以正确的顺序写入所有的值，等等。但它不会在网站上显示。这是我的代码：
var temp_array = [''];
var filename = [
'Teknisk Broschyr 35A',
'Teknisk Data 35A',
'Drift och skötsel 35A',
'Mått och montering 35A',
'Elschema 35A'
];
function writename(checkboxElem, id){
var compare = id;
if(checkboxElem.checked)
{
temp_array.push(filename[compare]);
}
else{
var index = temp_array.indexOf(filename[compare]);
if (index > -1) {
temp_array.splice(index, 1);
}
}
document.getElementById("demo").innerHTML = "";
for(i = 0; i < temp_array.length; i++)
{
//console.log(temp_array.length);
console.log(temp_array[i]);
document.getElementById("demo").innerHTML += temp_array[i];
}
}非常感谢你的帮助。
回答 2
Stack Overflow用户
发布于 2018-02-08 15:53:27
@kuben，在forloop中，你用当前值覆盖了document.getElementById("demo").innerHTML的值，所以在它的末尾显示最后一个元素。替换你的代码document.getElementById("demo").innerHTML = temp_array[i];
使用
document.getElementById("demo").innerHTML += temp_array[i]; 看看这个，
var temp_array = [''];
var filename = [
'Teknisk Broschyr 35A',
'Teknisk Data 35A',
'Drift och skötsel 35A',
'Mått och montering 35A',
'Elschema 35A'
];
function writename(checkboxElem, id){
var compare = id;
if(checkboxElem.checked)
{
temp_array.push(filename[compare]);
}
else{
var index = temp_array.indexOf(filename[compare]);
if (index > -1) {
temp_array.splice(index, 1);
}
}
for(i = 0; i < temp_array.length; i++)
{
//console.log(temp_array.length);
console.log(temp_array[i]);
document.getElementById("demo").innerHTML += temp_array[i];
}
}Stack Overflow用户
发布于 2018-02-08 15:52:22
试试这个：
var temp_array = [''];
var filename = [
'Teknisk Broschyr 35A',
'Teknisk Data 35A',
'Drift och skötsel 35A',
'Mått och montering 35A',
'Elschema 35A'
];
function writename(checkboxElem, id) {
var compare = id;
if (checkboxElem.checked) {
temp_array.push(filename[compare]);
} else {
var index = temp_array.indexOf(filename[compare]);
if (index > -1) {
temp_array.splice(index, 1);
}
}
document.getElementById("demo").innerHTML='';//clear the history result;
for (i = 0; i < temp_array.length; i++) {
//console.log(temp_array.length);
console.log(temp_array[i]);
document.getElementById("demo").innerHTML += temp_array[i];
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48680171
复制相关文章
相似问题
腾讯云开发者
