当目标在ID内时，通过名称获取元素不工作.getelementsbytagname不是函数错误

Get elements by name not working when targeting inside ID .getElementsbyTagName is not a function error

本文关键字：元素 获取 工作 getelementsbytagname 错误 函数 ID 目标 内时      更新时间：2023-09-26

我遇到了麻烦，目标输入与'name'属性内的表单和ID使用香草JS。下面是我的代码:

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不是一个函数

我尝试使用标签名称而不是工作，但我更喜欢基于name属性的目标，这样在动态添加其他输入字段的情况下更具体。

谢谢。

你可以做

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

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

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

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

getElementByName是文档对象的函数。

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

CheckHere

相关文章：