TypeError: Cannot red property 'style' of null error solved, typeerrorproperty
The error message is as follows:
The JSP code is as follows:
<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>
If the value of <c: if> is null, The div is not loaded.
Therefore, an error is reported when executing this section in js.
document.getElementById('excelErrorDiv').style.display = 'block';
Solution:
In js, modify it:
if($("#excelErrorDiv")){$("#excelErrorDiv").hide();}