Question

我有这样的代码：

<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仅提供与此无关的接口。

Answer 1

你不太可能在最近的教程中看到这种模式，因为它有点陈旧：

document.selectForm

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

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

JS DOM - document.getElementById＆amp;按名称选择

1 个答案: