JavaScript正在抛出错误“；未捕获类型错误：无法设置属性'；价值'；“无效”的定义；然而，这个元素是存在的

我正在开发jsp。我在jsp文件中有一个

元素。但当我尝试使用javascript设置

的值时，我得到了一个错误：“uncaughttypeerror:无法将属性'value'设置为null”。 这是我的html代码：

<div class="col-xs-12 contactDetails">
        <div class="col-md-6">
           <mark>PAN Card</mark>
            <div >
               <label style="color: red">Choose File:</label> 
               <div class="form-group">
                 <input type='file' id="PAN_Card" name="PAN_Card" /> <div id="dl_pan"> OR <div class="share_fm_dl" id="attachment_poi" ></div></div>
               </div>
               <div id="digipanfile" name="digipanfile"></div>
               <input id="digipan" name="digipan" type="hidden" value="" ></input>
             </div>
       </div>
    </div>

潘卡
选择文件：
或

这是我的Javascript代码：

document.getElementById('digipanfile').innerHTML = "File:<a href=" + response + ">" + filename + "</a>";
        document.getElementById('digipan').value = response;
        document.getElementById('PAN_Card').style.display = 'none';

document.getElementById（'digipanfile'）.innerHTML=“文件：”；
document.getElementById（'digipan'）。值=响应；
document.getElementById（'PAN_Card'）。style.display='none'；

此javascript代码位于函数中，该函数仅在页面加载后执行。 另外，View Page Source显示了这个

标记，但Inspect元素没有显示它。

---

注意：-我已经在使用jQuery document ready方法，但仍然存在此错误。

您必须等待文档加载。因此，您应该在javascript文件中使用“加载”eventlistener：

window.addEventListener("load", e => {
        document.getElementById('digipanfile').innerHTML = "File:<a href=" + response + ">" + filename + "</a>";
        document.getElementById('digipan').value = response;
        document.getElementById('PAN_Card').style.display = 'none';
    })

---

你必须等到文件被载入。因此，您应该在javascript文件中使用“加载”eventlistener：

window.addEventListener("load", e => {
        document.getElementById('digipanfile').innerHTML = "File:<a href=" + response + ">" + filename + "</a>";
        document.getElementById('digipan').value = response;
        document.getElementById('PAN_Card').style.display = 'none';
    })

---

最好在DOM完全加载后触发所有脚本。正如alexleo2000所提到的，您可以在window.load（function（）{//这里是您的脚本函数}）中包装脚本函数。

在DOM完全加载后触发所有脚本是一种很好的做法。正如alexleo2000所提到的，您可以在window.load（function（）{//这里是脚本函数}）中包装脚本函数

我已经在使用jQuery document ready方法，但仍然存在此错误。然后尝试窗口加载，或者您可以使用标准DOM函数window.addEventListener我已经在使用jQuery document ready方法，但仍然存在此错误。然后尝试窗口加载，或者您可以使用标准DOM函数window.addEventListener