当element是表单的一部分时，document.getElementById返回null

Question

我的php文件里面有一些javascript。请考虑以下javascript代码，它将null打印到控制台（文件中的第124行）：

console.log(document.getElementById('d_min')); 

在脚本下面，我有以下表格（文件中的第140行）：

<FORM name="DataCollect" ACTION="save_phase1.php" method="post">
    <input type="hidden" name="d_min" id="d_min" value=""/>
</FORM>

为什么它可能是null？为什么它找不到那个元素？

---

我解决了问题：

我将整个<form>作为document.write语句放在我现有的document.write语句之后。

Answer 1

脚本执行时DOM未完全加载。将您的脚本移到该表单下方，看看您是否获得了更好的结果。

Answer 2

将JavaScript代码包装在window.onload函数中。

Answer 3

我不知道为什么它没有抓住该字段，但尝试给表单{id} foo并使用

document.getElementById('foo').d_min

代替。至少它会缩小问题的根源。