gpt4 book ai didi

javascript - form.getElementsByName 不是函数,但 document.getElementsByName 是

转载 作者:行者123 更新时间:2023-12-03 08:13:56 24 4
gpt4 key购买 nike

第一个示例(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]
}

但是,当我想从form而不是整个document的 Angular 选择相同的字段时,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 属性获取字段? documentform 是否有不同的数据类型?

最佳答案

根据MDN,getElementsByName是Document对象的一个​​函数(因此它只存在于全局文档对象中,而不存在于每个HTML元素中):https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByName

作为解决方法,您可以使用查询选择器来查找元素,如下所示:

const name = form.querySelector("input[name='name']");

关于javascript - form.getElementsByName 不是函数,但 document.getElementsByName 是,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70055362/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com