Javascript 不使用标准DOM元素选择方法在DOM中查找对象

我目前正在学习javascript。我偶然发现了这个示例代码，这让我非常困惑

xxxxx
函数a（）{
设x=parseInt（Form1.val1.value）；
设y=parseInt（Form1.val2.value）；
警报（“总和”+（x+y））；
}
xxxxx

无论其内容如何，这都是一个工作代码。我无法理解的是，为什么直接使用Form1（表单的“名称”）可以在这里工作。（但是，当我对其他元素（如

）执行相同操作时，它不起作用）

我一直认为我们需要使用document.getElementByID/ByClass等来获取所有内容（使用纯JS），以便在HTML中找到要操作的元素

---

谢谢

元素上的

onclick

属性是直接绑定click事件的一种方法。单击元素时，它将以Javascript的形式执行引号中的任何内容（在本例中，调用

a（）

函数）

在Javascript中使用

addEventListener

方法绑定事件被认为是更好的做法（除非您使用的是React或Angular等框架，它们有自己的事件绑定方式）

---

您可以在此处阅读有关DOM OneEvent处理程序的更多信息：

输入元素是具有onclick属性的特殊元素。最好使用addEventListener方法将click listener添加到任何要使其可单击的元素中

例如

JavaScript addEventListener（）
本例使用addEventListener（）方法将单击事件附加到段落

可点击段落元素
document.getElementById（“clickableP”）.addEventListener（“单击”，按钮单击）；
函数按钮单击（）{
document.getElementById（“demo”）.innerHTML=“单击了段落”
}

这是一个很长的故事，主要是关于DOM的遗留特性，在本文中有所介绍。简而言之，虽然仍然可以使用这种方法，但最好避免使用。