javascript - 当以 ID .getElementsbyTagName 内部为目标时，按名称获取元素不起作用不是函数错误

Question

我在使用 vanilla JS 定位带有 ID 的表单中带有“名称”属性的输入时遇到了问题。这是我的代码:

HTML:

<form id="form">
    <input name="hello" value="hello">
        <input name="suburb" value="suburb">
    </form>

JS:

   var form = document.getElementById('form').getElementsByName('hello')[0].value;
    console.log(form);

我在 firebug 中遇到错误 - “.getElementsbyName 不是函数”

我尝试使用标签名称来代替，但效果很好，但我更愿意根据名称属性进行定位，这样在动态添加其他输入字段的情况下它会更具体。

谢谢。

Answer 1

你可以做

var foo = document.forms['myForm']['hello'];

您还可以使用点符号来简化编码。获取郊区的值(value):

var input = document.forms.myForm.suburb,
    suburbValue = input.value;

但正如@sundeep 在评论中建议的那样，.getElementsByName() 不能链接到 document.getElementById('form')