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();  
        }