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

错误信息例如以下:




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




posted @ 2016-01-17 14:19  phlsheji  阅读(3194)  评论(0编辑  收藏  举报