首先，一個 form 的結(jié)構(gòu)如下：
<form name="myForm" id="formId">
<input type="text" id="inputId" name="inputName">
</form>
-
document.getElementById('formId')可以得到這個 form 元素。 -
document.myForm得到的是HTMLCollection，如果只有一個 form 的話，得到的就是這個 form 元素，否則是一個集合。 -
document.forms得到的是HTMLCollection，通過document.forms[0]可以得到第一個 form 元素。 -
document.getElementById('formId').elements得到一個HTMLFormControlsCollection。
簡易寫法
假設(shè)頁面只有一個 form 元素，且 form 結(jié)構(gòu)如文章開頭所示，獲得這個 input 最簡單的寫法是：
document.myForm.inputId
或者
document.myForm.inputName
------- 等同于 ----------
document.getElementById('formId').inputName
document.getElementById('formId').inputId
document.myForm.elements.inputName
document.getElementById('formId').elements.inputId
.....
但是如果有多個 name 相同的元素，直接通過 name 取到的是一個集合，這點要注意。
參考資料：
