javascript - 使用 document.name 和 document.id 访问 DOM 元素？
问题描述
所以我是 javascript 新手，我知道如何使用getElementByXxx()方法访问 DOM 元素。但在一个示例中，我看到可以使用元素的名称或类似名称直接访问元素：
<!DOCTYPE html>
<html>
<body>
<form name="myForm"><input type="button" id="btn"></form>
<script>
console.log(document.myForm);
console.log(document.myForm.btn);
</script>
</body>
</html>
安慰：
<form name="myForm">
<input type="button" id="btn">
</form>
<input type="button" id="btn">
这让我很困惑。谷歌和在线课程只说关于getElementById()、、querySelector()和对象（和对象集合）。我真的不明白这是如何工作的。当我将表单更改为 id 时，它不起作用
<!DOCTYPE html>
<html>
<body>
<form id="myForm"><input type="button" id="btn"></form>
<script>
console.log(document.myForm);
console.log(document.myForm.btn);
</script>
</body>
</html>
安慰：
undefined
Uncaught TypeError: Cannot read property 'btn' of undefined
此外，它似乎只适用于表单和输入，而不适用于段落或 div。我在这里遗漏了一些明显的东西吗？如果我的问题太基本，我很抱歉。