Js动态渲染数据是,每次渲染都把之前的一切渲染了,怎么清空

 

你用getelementByID然后删除节点。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<script>
		var i =0;
		//创建节点
		function but() {
			//创建元素节点
			//var ele = document.createElement("h1");//<h1></h1>
			//创建文本节点
			//var eleText = document.createTextNode("新建文本节点");
			//将文本节点添加到指定的节点中
			//	ele.appendChild(eleText);//<h1>新建文本节点</h1>
			//获取div元素节点
			//var divObj = document.getElementById("addElement");
			//divObj.appendChild(ele);;
			
			var getVal = document.getElementById("addElement");
			getVal.innerHTML += "<h1>创建节点"+i+"</h1>";
			i++;
		}
		//删除节点
		function but1() {
			var delVal = document.getElementById("addElement");
			var getH1 = document.getElementsByTagName("h1");//从最新创建的节点开始依次向上删除
			delVal.removeChild(delVal.childNodes[getH1.length]);//一个一个的删除 
			//delVal.remove();//删除全部
		}
	</script>
</head>

<body>
	<div id="addElement">
		
	</div>
	<input type="button" value="获取" onclick="but()" />
	<input type="button" value="删除" onclick="but1()" />
</body>
</html>

 

每次添加对象要重新创建一个对象,不要重复添加之前的对象

你发下代码,我看下具体原因是什么

题主可以把代码私信发我下,我帮你解决

你是说表单清空吗input ,checkbox之类的,只能获取到它的dom。.value=""或者checked=false.https://www.cnblogs.com/codedreams/p/10019323.html

你的问题 描述清楚一点,什么怎么清空

您的问题已经有小伙伴解答了,请点击【采纳】按钮,采纳帮您提供解决思路的答案,给回答的人一些鼓励哦~~

ps:开通问答VIP,享受5次/月 有问必答服务,了解详情↓↓↓

【电脑端】戳>>>  https://vip.csdn.net/askvip?utm_source=1146287632
【APP 】  戳>>>  https://mall.csdn.net/item/52471?utm_source=1146287632