第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 for 循環(huán)結(jié)果作為類名

使用 for 循環(huán)結(jié)果作為類名

呼如林 2022-10-21 10:29:50
我想學習 JavaScript,卻被一些代碼卡住了。我制作了一個數(shù)組并在具有固定 id 的 div 中顯示結(jié)果,但我希望類名是數(shù)組結(jié)果的名稱。fruits = ["Banana", "Orange", "Apple", "Mango"];for (i = 0; i < fruits.length; i++) {document.write("<div id=fruit>" + fruits[i] + "</div>") ;  document.getElementById("fruit").className = fruits[i];}這是我得到的結(jié)果<div id="fruit" class="Mango">Banana</div><div id="fruit">Orange</div><div id="fruit">Apple</div><div id="fruit">Mango</div>只有第一個 div 得到一個類,但結(jié)果錯誤。我搜索了幾個小時,但無法讓它工作。如果有人指出我做錯了什么的正確信息,那就太好了。javascript
查看完整描述

2 回答

?
ABOUTYOU

TA貢獻1812條經(jīng)驗 獲得超5個贊

這是因為document.getElementById("fruit").className = fruits[i];您通過 id 選擇了一個元素,它只返回 1 個元素,即“第一次出現(xiàn)”,因為您應(yīng)該為每個元素使用唯一的 ID。


你可以簡單地做這樣的事情:


fruits = ["Banana", "Orange", "Apple", "Mango"];

for (i = 0; i < fruits.length; i++) {

document.write("<div id='"+fruits[i]+"-fruit' class='"+fruits[i]+"'>" + fruits[i] + "</div>") ;  

}


查看完整回答
反對 回復 2022-10-21
?
一只萌萌小番薯

TA貢獻1795條經(jīng)驗 獲得超7個贊

id 的一般概念是它標識文檔中的單個元素。在您的情況下,div 共享 id 并因此getElementById實現(xiàn)最后一個,解決方案是根據(jù)迭代的當前索引使每個元素的每個 id 唯一,例如fruit-0,fruit-1,...


正如您將看到的,Javascript 是一種非常通用的編程語言,例如for..of,它允許您以更簡單的方式迭代數(shù)組或類似元素的元素,許多程序員使用這種方法,因為它非常友好,而且說實話我們少寫


const fruits = ["Banana", "Orange", "Apple", "Mango"];


for (const [index, fruit] of fruits.entries()) {

  const element = `<div id="fruit-${index}" class="${fruit}">${fruit}</div>`;


  console.log(element);

}

About .entries(), 在示例中使用是因為for..of沒有辦法檢查迭代中的當前索引,因為在您的情況下,您可以使用 .entries()它允許您獲取當前數(shù)組的 id 和 value,[index, value]然后將這些傳遞給您使用在迭代中



查看完整回答
反對 回復 2022-10-21
  • 2 回答
  • 0 關(guān)注
  • 112 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號