我有這個簡單的代碼，其中包含來自記錄資料的 API 的 5 個引數：
for (i = 0; i < arr.length-1; i ) {
console.log('For Calls')
console.log(arr[i].league.name)
console.log(arr[i].teams.home.name, arr[i].goals.home)
console.log(arr[i].teams.away.name, arr[i].goals.away)
}
它將這些資料記錄到控制臺（顯示了 2 組資料）： Logged Data
我遇到的問題是試圖將這個回圈內容顯示到網站上，到目前為止，我什至無法使用 .append 方法將它顯示在螢屏上。
這是我要創建的格式：
<div class="parentDiv">
<div class="league">Data goes here</div>
<div class="team1">Data goes here</div>
<div class="score1">Data goes here</div>
<div class="team2">Data goes here</div>
<div class="score2">Data goes here</div>
</div>
我知道我可以給每個 div 一個類并以這種方式附加，但我需要回圈使用，所以這些方法在這種情況下對我不起作用。
感謝任何提示。
uj5u.com熱心網友回復：
function append() {
let arr = [{ name: 'name1', goals: 'goals1' }, { name: 'name2', goals: 'goals2' }, { name: 'name3', goals: 'goals3' }]
for (i = 0; i < arr.length; i ) {
let parent = document.createElement("div")
parent.className = 'parentDiv'
let newElement = document.createElement("div")
newElement.className = 'league'
newElement.innerHTML = arr[i].name
parent.appendChild(newElement)
let newElement2 = document.createElement("div")
newElement2.className = 'goals'
newElement2.innerHTML = arr[i].goals
parent.appendChild(newElement2)
document.body.appendChild(parent)
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/478992.html
標籤：javascript html jQuery api dom