為什么我不能在我的 forEach 回圈中迭代變數元素。它說 Uncaught ReferenceError: element is not defined
const board = document.getElementById("board");
const array = [1, 2, 3, 4, 5, 6, 7, 8];
createELementOverArray();
function createELementOverArray() {
array.forEach((value) => {
const element = document.createElement("div");
board.appendChild(element);
console.log(element);
});
}
我希望是這樣的
<div id="board">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
uj5u.com熱心網友回復：
似乎來自這條線的錯誤
board.appendChild(element);
實際上，您正在定義“板”，但您的檔案中有板嗎？檢查代碼段，div 板在 HTML 中。我還添加了在 javascript 中添加類的行
const board = document.getElementById("board");
const array = [1, 2, 3, 4, 5, 6, 7, 8];
createELementOverArray();
function createELementOverArray() {
array.forEach((value) => {
const element = document.createElement("div");
element.classList.add('element');
board.appendChild(element);
console.log(element);
});
}<div id="board">
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/532421.html
上一篇：MVC表單資料無法系結到模型