javascript - 为什么可以直接引用 document.body 而其他元素不能？

如果我有这样的标记：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="file.js"></script>
    <title>Document</title>
</head>
<body>
    <h1>This is a header</h1>
    <div id='container'>

    </div>
</body>
</html>

和一个与之关联的 JavaScript 文件，如下所示：

const newButton = document.createElement('button');
newButton.innerText='Hey!';
document.getElementById('container').appendChild('newButton');

为什么我需要通过它的 Id 或通过 querySelector() 将它引用到一个变量来获取 div，但我可以简单地通过以下内容引用 body：

document.body.appendChild('newButton');

为什么可以直接引用 document.body 而其他元素不能？

0 个答案: