var res = document.querySelectorAll("#a,#b,#c,#d")
res[0].innerHTML = "apple"
res[1].innerHTML = "bananna"
res[2].innerHTML = "orange"
res[3].innerHTML = "lemon"<p id="a"></p>
<p id="b"></p>
<p id="c"></p>
<p id="d"></p>這運行良好，但我希望能夠使用這樣的東西：
var res = document.querySelectorAll("#a,#b,#c,#d")[i].innerHTML =
{"apple","bananna","orange","lemon"}
uj5u.com熱心網友回復：
使用一個簡單的回圈。我強烈建議您閱讀一些簡單的JS 教程，以便您喜歡編碼
const elements = document.querySelectorAll("#a,#b,#c,#d")
for (let i = 0; i < elements.length; i ) {
elements[i].innerHTML = `text${i 1}`
}
uj5u.com熱心網友回復：
這應該通過使用模板文字為您作業
var res = document.querySelectorAll("#a,#b,#c,#d")
for(let i in res){
res[i].innerHTML = `test${i}`
}<p id="a"></p>
<p id="b"></p>
<p id="c"></p>
<p id="d"></p>uj5u.com熱心網友回復：
就資料而言，您至少需要一種選擇目標的方法，該目標的一段內容，以及將目標和內容聯系在一起的方法。這樣做的一種方法是：
const data = [
['#a', 'apple'],
['#b', 'banana'],
['#c', 'orange'],
['#d', 'lemon'],
];
現在您擁有所有必要的資料及其關聯，使用它可能如下所示：
data.forEach(([target, content]) => {
const element = document.querySelector(target);
if(element) element.innerHTML = content;
});
參考：
.forEach()- 箭頭函式
- 解構賦值
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/417966.html
標籤：
下一篇：宣告變數、LIKE和布林值