我有這個簡單的代碼，其中包含來自記錄資料的 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 一個類并以這種方式附加，但我需要回圈使用，所以這些方法在這種情況下對我不起作用。
感謝任何提示。
我目前的嘗試：
for (i = 0; i < filtered.length-1; i ) {
let parent = document.createElement("div")
parent.className = 'parentDiv'
let homeTeamName = document.createElement("div")
homeTeamName.className = 'league'
homeTeamName.innerHTML = filtered[i].league.name
parent.appendChild(homeTeamName)
let homeTeamScore = document.createElement("div")
homeTeamScore.className = 'team1'
homeTeamScore.innerHTML = filtered[i].teams.home.name
parent.appendChild(homeTeamScore)
let awayTeamName = document.createElement("div")
awayTeamName.className = 'score1'
awayTeamName.innerHTML = filtered[i].teams.home.name
parent.appendChild(awayTeamName)
let awayTeamScore = document.createElement("div")
awayTeamScore.className = 'team2'
awayTeamScore.innerHTML = filtered[i].teams.home.name
parent.appendChild(awayTeamScore)
}
它不向 dom 列印任何內容，空白頁。您可以在 footballify.net/test 上使用 Web 控制臺
uj5u.com熱心網友回復：
您永遠不會將“父”變數附加到您的身體
嘗試：
document.body.append(parent) at the end
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/478989.html
標籤：javascript html jQuery