TypeError: Cannot read property 'style' of null 錯誤解決
阿新 • • 發佈:2019-01-28
錯誤資訊如下:
JSP程式碼如下:
<c:if test ="${not empty excelErrors}"> <div id="excelErrorDiv" style="width:90%;margin-left:5%;"> <div style="display:block;width:80%;margin:10% 0% 10% 10%;"> <div id="handlingExcelError" class="row-fluid" style="font-size:20px; display: block;" > <span style="font-size:20px;"> <font color="#B85F1B"><strong>Warning !!</strong> Importing file has some errors as below:</font> </span> </div> <div class="row-fluid" style="font-size:20px; padding-top:50px;"> <div align="center"> <c:forEach var="excelError" items="${excelErrors}"> <table> <tr> <td>${excelError} </td> </tr> </table> </c:forEach> </div> </div> </div> </div> </c:if>
因為有<c:if >的判斷,當excelErrors為空的時候,div不會被載入。
所以js裡面的這段話執行就報錯了
document.getElementById('excelErrorDiv').style.display = 'block';
解決辦法:
js裡面修改為:
if($("#excelErrorDiv")){
$("#excelErrorDiv").hide();
}