我在访问数组、遍历数组然后将数组中的元素打印到DOM时遇到了问题.由于某些原因,它只是打印"趣味",而不打印数组中的另外两个元素"Ketchup"和"Mustard".如何完成这项任务有什么我可以得到的提示吗?
以下是我的代码如下.
let topingsCount;
const burger = document.createElement('div');
const topingsDiv = document.createElement('div');
const condiments = ['Ketchup', 'Mustard', 'Relish']
const condimentsNewDiv = document.createElement('div');
function createBuger(condiments){
burger.className = 'burger';
burger.appendChild(topingsDiv)
topingsDiv.className = "topings";
condimentsNewDiv.className = "condiments";
topingsDiv.appendChild(condimentsNewDiv)
for(let topingsCount = 0; topingsCount != condiments.length ; topingsCount++){
topingsDiv.appendChild(condimentsNewDiv).textContent = condiments[topingsCount];
console.log(condimentsNewDiv);
}
console.log(burger);
document.body.appendChild(burger)
}
createBuger(condiments);
我try 了在for循环中使用console.log(CondimentsNewDiv);这样,我就可以打印出每种调味品.但它只打印了<div class="condiments">Relish</div>
次3次.我原以为它会打印出来:
<div class="condiments">Ketchup</div>
<div class="condiments">Mustard</div>
<div class="condiments">Relish</div>