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

最新推荐文章于 2025-10-04 15:58:54 发布

原创最新推荐文章于 2025-10-04 15:58:54 发布 · 5.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #jsp #TypeError

错误日志/解决方案专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个关于JavaScript尝试操作未加载的JSP元素的问题，由于条件判断导致DOM元素不存在，进而引发JavaScript错误。文章提供了修改JS代码来避免此类错误的具体方案。

部署运行你感兴趣的模型镜像

错误信息如下：

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

您可能感兴趣的与本文相关的镜像

Wan2.2-T2V-A5B

文生视频

Wan2.2

Wan2.2是由通义万相开源高效文本到视频生成模型，是有50亿参数的轻量级视频生成模型，专为快速内容创作优化。支持480P视频生成，具备优秀的时序连贯性和运动推理能力