侃侃無(wú)極
2022-10-08 10:10:55
我正在學(xué)習(xí) javascript,但遇到了一些我不明白的東西為什么javascript只將數(shù)組的最后一個(gè)字符串輸出到<ul>id中,而在控制臺(tái)輸出完整的數(shù)組長(zhǎng)度?var ul = document.getElementById('id');var colours = ["red", "green", "blue"];var i;for (i = 0; i < colours.length; i++) { console.log(colours[i]) ul.innerHTML = "<li>" + colours[i] + "</li>";}<ul id="id"></ul>
2 回答

天涯盡頭無(wú)女友
TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超9個(gè)贊
那是因?yàn)槟阍谘h(huán)的每一步都覆蓋了你的 DOM 元素。它只是依次獲取所有值。
如果您需要所有值,您可以做的是添加它們而不是覆蓋它們:
var content = "";
for (i = 0; i < colours.length; i++) {
console.log(colours[i])
content += "<li>" + colours[i] + "</li>";
}
ul.innerHTML = content

慕婉清6462132
TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊
您正在將顏色元素分配給 ul 元素。嘗試這個(gè)。
var ul = document.getElementById('id');
var colours = ["red", "green", "blue"];
var i;
for (i = 0; i < colours.length; i++) {
console.log(colours[i])
ul.innerHTML += "<li>" + colours[i] + "</li>";
}
添加回答
舉報(bào)
0/150
提交
取消