未捕获的TypeError:无法读取null的属性"value",Element确实存在

Question

在你投票之前,我已经阅读了很多问题而且对我没有帮助.alert即使输入类型中存在值,我的Javascript 也会返回null.

这是代码: -

<script>
if (document.getElementById('p0002') != null) {
    var str = document.getElementById("p0002").value;
}
else {
    var str = null;
}
alert(str);
</script>

 <input type="hidden" name="p0002" id="p0002" value="1" >
 <input type="hidden" name="p0003" id="p0003" value="0" >
 <input type="hidden" name="p0004" id="p0004" value="2" >

它总是回归null.控制台中的错误说:

未捕获的TypeError:无法读取null的属性"value"

从最近1小时开始尝试修复它.这有什么不对？

Answer 1

包裹你JavaScript的window.onload.目前您JavaScript在元素存在之前执行:

<script>
window.onload = function () {
    if (document.getElementById('p0002') != null) {
        var str = document.getElementById("p0002").value;
    }
    else {
        var str = null;
    }
    alert(str);
}
</script>

您可以做的另一件事是将脚本标记移动到您引用的元素之后:

<input type="hidden" name="p0002" id="p0002" value="1" >
<input type="hidden" name="p0003" id="p0003" value="0" >
<input type="hidden" name="p0004" id="p0004" value="2" >
<script>
if (document.getElementById('p0002') != null) {
    var str = document.getElementById("p0002").value;
}
else {
    var str = null;
}
alert(str);
</script>