JS DOM - document.getElementById 和按名称选择之间的区别

JS DOM - Difference between document.getElementById & selecting by name

本文关键字：选择 之间 区别 DOM document getElementById JS      更新时间：2023-09-26

我有这样的代码：

<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...？Mozilla只提供与此无关的接口。

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

document.selectForm

指具有 name（或可能id）属性的 form 元素 selectForm 。 document.selectForm.cars是其中名为cars的<select>元素。这种使用 document.*name* 来引用页面上元素的旧样式应替换为现代代码中的document.getElementsByName或（在为表单提供 ID 后）document.getElementById。

您可以通过转到控制台并键入 document.selectForm 来解决这个问题，并且您会看到显示的元素

相关文章：