Uncaught TypeError：Cannot set property ”innerHTML“ of null 常是粗心错误

最新推荐文章于 2023-09-17 23:51:03 发布

new_ajax

最新推荐文章于 2023-09-17 23:51:03 发布

阅读量846

点赞数

分类专栏： JSP页面 javaScript 文章标签： js

本文链接：https://blog.csdn.net/qq_40591277/article/details/106653269

版权

JSP页面同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

javaScript

1 篇文章 0 订阅

订阅专栏

Uncaught TypeError: Cannot set property ‘innerHTML’ of null

捕获不到类型错误:无法将属性’innerHTML’设置为null

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ajax.jsp</title>
</head>
<body>
<div id="div1">HELLOWORLD</div>
<div id="div1">8888888888</div>
<input type="button" value="修改div局部内容" onclick="loadData();"/>
</body>

<script type="text/javascript">
function loadData(){
	
	var xmlRequest;
	//1.创建XMLHttpRequest对象 。两种方式，不同浏览器获取xmlRequest对象不一样
	if (window.XMLHttpRequest)
	{
		xmlRequest=new XMLHttpRequest();
	}
	else
	{
		//参数固定
		xmlRequest=new ActiveXObject("Microsoft.XMLHTTP");
	}
	//2.初始化，param1，url,isSys(程序执行是否异步，true代表响应结束前可以执行下面的代码，false代表请求结束之后才会向下执行即顺序执行)
	xmlRequest.open("GET","controller/a.jsp",true);
	//3.发送（无参和有参）
	xmlRequest.send();
	//4.监听（js匿名函数）
	xmlRequest.onreadystatechange=function()
	{
		if (xmlRequest.readyState==4 && xmlRequest.status==200)
		{
			var info = xmlRequest.responseText;
			document.getElementById("div2").innerHTML=info;
		}
	}
}
</script>
</html>