javascript - 无法从 getElementById 获取输入类型 ="hidden"

Question

调用 getElementById()检索表单上的“隐藏”字段返回 null .

我研究了其他 SO 问题，许多人在调用 getElementById() 时使用隐藏字段的“名称”而不是“id”或者正在执行 getElementById()在浏览器处理包含隐藏字段的实际 html 之前，在文件顶部的脚本中。这两个错误都可以解释为什么 getElementById()正在返回 null为他们。

我可能是错的，但我不认为这是我的情况。

这是我的表格:

  <form name="theDeleteItemForm" id="deleteItemForm" action="deleteTheSelectedItem" 
             method="post"
    <input type="hidden" id="theHiddenField" name="deleteThisSelectedItem" value="">
 </form> 

这里是一个 Javscript 处理程序，当单击页面上的“删除”按钮时，它成功执行(我可以判断是因为下面处理函数中的 alert() 框正在弹出) :

function deleteItem()
{
    alert("Just entered deleteItem()");

    var theFieldToDelete = document.getElementById('theHiddenField');

     // THIS IS THE PLACE WHERE I FOUND THAT 'theFieldToDelete' WAS 'null'
    alert("Just got the hidden field element, which is: " +  theFieldToDelete );

      // THIS DOES NOTHING MORE THAN TO PREVENT THE 'alert' THAT FOLLOWS FROM APPEARING
    theFieldToDelete.value = "upForDeletion";

    alert("deleteItem() was called, about to submit the form");

    document.theDeleteItemForm.submit();    
}

我不明白为什么我得到 null从 getElementById() 返回.我的印象是 getElementById()适用于 type="hidden"字段。

此外，我用于隐藏字段的 ID -- theHiddenField -- 在我的文件中是 100% 唯一的。

为什么我得到 null当我尝试通过 getElementById() 获取隐藏字段时？

Answer 1

可能是因为您的 <form>元素的格式不正确(如引用示例中 - 开始标记中缺少 >)？