Javascript JS DOM-document.getElementById和；按名称选择

我有这样的代码：

<form name="selectForm">
    <select multiple name="cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </select><br />
    <input type="button" value="Select Cars" onclick="alert('You selected ' + howMany(document.selectForm.cars) + ' cars')" />
</form>

沃尔沃汽车
萨博
梅赛德斯
奥迪

我的主要问题是关于这一行：

document.selectForm.cars

---

这是做什么的？我在哪里可以找到相关信息来阅读？为什么不使用通常的

getElementBy…

？只提供与此无关的接口。

您不太可能在最近的教程中看到此模式，因为它有点过时：

document.selectForm 

指具有

selectForm

的

name

（或者可能是

id

）属性的

form

元素

document.selectForm.cars

是其中名为

cars

的

元素。使用

document.*name*

引用页面上元素的这种旧式风格应该被现代代码中的

document.getElementsByName

或（在给表单一个ID之后）

document.getElementById

所取代

---

您可以通过进入控制台并键入

文档来解决此问题。选择表单

，您将看到显示的元素

问题，要求我们推荐或查找书籍、工具、软件库，教程或其他非站点资源对于堆栈溢出来说是非主题的，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，请描述问题以及迄今为止为解决问题所做的工作。你不明白我写的是什么吗？

文档。selectForm

不是一种很好的引用

form

元素的方法，该元素具有

name

属性

selectForm

document.selectForm.cars

是其中名为

cars

的

元素。这种使用

document.*name*

引用页面上元素的旧式风格应该被现代代码中的

document.getElementsByName

或（在给出

表单

一个ID之后）

document.getElementById

所取代。你可以在控制台上输入

document.选择form

，你就会看到显示的

元素。我知道这一点，我在上面的帖子中也说过我知道这一点。我正在寻找关于这一问题的文档，以了解其工作原理的详细信息。除非您希望结束此问题，否则应将标题改写为类似“document.selectForm在此的含义是什么？”的内容，并删除有关教程的讨论。