TypeError: Cannot red property 'style' of null 错误解决

错误信息如下：

 

 

JSP代码如下：

<c:if test ="${not empty excelErrors}">  

    <div id="excelErrorDiv" class="acxiom-content-container closed rounded vpad top-buffer" style="width:90%;margin-left:5%;">  

        <div class="acxiom-table top-buffer" 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();  

        }