我可以使用document.form_name.input_name来引用该元素吗？

Question

我可以使用document.form_name.input_name来引用该元素吗？

例如，

<form name="form_name">
<input name="input_name" />
<input name="input_name2 />
</form>

我编写了上面的代码，我想引用表单元素。

我在许多文件中都看到我们应该使用document.forms['form_name'].input_name， 但是当我尝试document.form_name.input_name时，它就可以了。

但我认为最后一种方式让我感到不舒服。

那么，我可以使用它吗？

Answer 1

只要您不希望它在所有浏览器中都有效，您就可以使用它。有几种方法可以访问JavaScript中的元素。例如，如果您想要第一个输入字段的名称，则可以使用document.forms[0].elements[0].name或document.getElementsByTagName("input")[0].name或document.getElementsByName("input_name")[0].name。如果您正在寻找简单和代码看起来比普通JavaScript更直观，请尝试jQuery。

Answer 2

可以使用document.form_name.input_name。

但如果您想支持所有浏览器，请更好地使用document.getElementsByTagName。

或者你可以使用任何javascript based frameworks，这是最好的方式。