第一個例子（type="button"是故意的）應該有效：
<form class="needs-submission">
<input type="hidden" name="id" value="1">
<input type="text" name="name">
<input type="button" name="save" value="Save Changes" onclick="saveChanges(this.closest('.needs-submission'))">
</form>
function saveChanges(form) {
const id = document.getElementsByName('id')[0]
const name = document.getElementsByName('name')[0]
const save = document.getElementsByName('save')[0]
}
但是，當我想從 theform而不是整體的角度選擇相同的欄位時document，form.getElementsByName不被識別為函式。
function saveChanges(form) {
const id = form.getElementsByName('id')[0]
const name = form.getElementsByName('name')[0]
const save = form.getElementsByName('save')[0]
}
Uncaught TypeError: form.getElementsByName is not a function
at saveChanges
at HTMLInputElement.onclick
但form.getElementsByTagName似乎作業正常？
function saveChanges(form) {
const id = form.getElementsByTagName('input')[0]
const name = form.getElementsByTagName('input')[1]
const save = form.getElementsByTagName('input')[2]
}
我的問題是：為什么我不能按name屬性獲取欄位？不要document和form有不同的資料型別？
uj5u.com熱心網友回復：
根據 MDN，getElementsByName 是 Document 物件的函式（所以它只存在于全域檔案物件，而不是每個 HTML 元素）：https : //developer.mozilla.org/en-US/docs/Web/API/檔案/getElementsByName
作為一種解決方法，您可以使用查詢選擇器來查找元素，如下所示：
const name = form.querySelector("input[name='name']");
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/362133.html