无论我在控制台上做什么.log都会返回值 0 在浏览器中尝试过(谷歌浏览器和火狐(，但它在那里工作正常...... Javascript 返回 id el 为 0 的元素的长度 有一些元素(元素周期表的 118 个元素(，但它显示 0
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles/style4.css">
<meta charset="UTF-8">
<meta name="author" content="Rakshit Jain">
<meta name="description" content="My assignment">
<meta name="keywords" content="assignment">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Assignment 4</title>
</head>
<script>
console.log(document.querySelectorAll('#el').length);
</script>
<body>
<h1>Assignment 4</h1>
<table>
<tr>
<th colspan="18">The Periodic Table</th>
</tr>
<tr>
<td id="el">H</td>
<td class="empty" colspan="16"></td>
<td id="el">He</td>
</tr>
<tr>
<td id="el">Li</td>
<td id="el">Be</td>
<td class="empty" colspan="10"></td>
<td id="el">B</td>
<td id="el">C</td>
<td id="el">N</td>
<td id="el">O</td>
<td id="el">F</td>
<td id="el">Ne</td>
</tr>
</table>
</body>
</html>
您需要将脚本标记移动到结束标记之前(或使用窗口上的 DOMContentLoaded 事件处理程序执行代码(。否则，代码将在您的HTML存在之前运行，这就是您获得零长度的原因。