我的代码（简化）：
HTML：
<!DOCTYPE html>
<head>
<title>Title</title>
<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body align="center">
<div id="container">
<h1>Title</h1>
</div>
</body>
</html>
JS：
const container = document.querySelector('#container');
for (i = 0; i < 16; i++) {
for (let x = 0; x < 16; x++) {
const cellSize = 512 / 16;
const cell = document.createElement('div');
cell.style.width = cellSize + 'px';
cell.style.height = cellSize + 'px';
container.appendChild(cell);
}
};
安慰：
Uncaught TypeError: Cannot read property 'appendChild' of null
我在这里做错了什么？它可能只是我的浏览器（我使用的是 Chrome）。是不是因为在 for 循环中引用了常量？
您的文档尚未准备好。在对文档应用 JavaScript 之前，您需要等待文档被呈现。
因此，您应该在 HTML 之后调用您的脚本。
<!DOCTYPE html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body align="center">
<div id="container">
<h1>Title</h1>
</div>
<script type="text/javascript" src="main.js"></script>
</body>
</html>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句