Question

解决了！我想在我的网站上的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];
        }
    }

感谢您的帮助。

Answer 1

@kuben，在forloop中，你将覆盖 document.getElementById（＆＃34; demo＆＃34;）。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];
        }
    }

Answer 2

试试这个：

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];
    }
}

数组不会以div输出

2 个答案: