javascript - 当我在真实存在的引用中使用 appendChild (" ") 时发生错误

Question

这是初学者的问题...

我想写一些代码来初始化我网页中的一堆座位图片，

为它们创建并设置属性，并让它们每 9 个座位（4 排，每排有 9 个座位）换线，这是代码

function initSeats() {

            var seatsDiv = document.getElementById("seats");

            //Initialize the appearence of all seats
            for (var i = 0; i < seats.length; i++) {
                for (var j = 0; j < seats[i].length; j++) {
                    var currentSeatIndex = i * seats[i].length + j;
                    if (seats[i][j]) {
                        //if current seat is available(true), create a new IMG element and set some attributes;
                    } else {
                        //if current seat is unavailable(true), create a new IMG element and set some attributes;
                    }
                }
                seatsDiv.appendChild("<br>");//here is the problem
            }
        }

我想要做的是当一个外循环完成时，
在最后添加一个，

但后来我在 Chrome 中得到一个“NotFoundError”，看起来节点 seatDiv 不存在

所以毕竟只有一排座位成功初始化。

appendChild 是否应该在该位置附加任何内容？还是我应该使用其他方法？

Answer 1

appendChild需要一个 HTMLElement 而不是字符串，尝试切换到：

seatsDiv.appendChild(document.createElement("br"));