insertAdjacentHTML可以动态插入网页内容

最新推荐文章于 2022-11-07 22:45:00 发布

海哥

最新推荐文章于 2022-11-07 22:45:00 发布

阅读量729

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/cs_ghy/article/details/8108756

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
	<HEAD>
		<title>insertAdjacentHTML插入新内容</title> 
		<script language="jscript">
		var num = 0;
		function addsome() 
		{ 
		num++;
		document.all.paral.insertAdjacentHTML("afterBegin","<h1>在文本前容器内插入内容"+num+"</h1>"); 
		document.all.paral.insertAdjacentHTML("beforeEnd","<h2>在文本后容器内插入内容"+num+"</h2>"); 
		document.all.paral.insertAdjacentHTML("beforeBegin","<h4>在文本前容器外插入内容"+num+"</h4>"); 
		document.all.paral.insertAdjacentHTML("afterEnd","<h5>在文本后容器外插入内容"+num+"</h5>"); 
		} 
		</script> 
	</head> 
	<body> 
		<div id="paral" style="fontsize:6;color='#ff00ff';border:1px red solid;">原来的内容</div>
		<hr> 
		<input type="button" οnclick="addsome()" value="点击我">
	</body> 
</html>

海哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
insertAdjacentHTML可以动态插入网页内容

insertAdjacentHTML插入新内容 var num = 0; function addsome() { num++; document.all.paral.insertAdjacentHTML("afterBegin","在文本前容器内插入内容"+num+""); document.all.paral.insertAdjacentHTML("bef
复制链接

扫一扫