innerText和innerHTML的区别

最新推荐文章于 2022-06-05 09:10:03 发布

龙骑士-黎明

最新推荐文章于 2022-06-05 09:10:03 发布

阅读量283

点赞数

分类专栏：前端开发-js 前端开发常规问题及其解决方案文章标签： javascript

本文链接：https://blog.csdn.net/weixin_55940198/article/details/118615834

版权

前端开发-js 同时被 2 个专栏收录

13 篇文章 1 订阅

订阅专栏

前端开发常规问题及其解决方案

12 篇文章 0 订阅

订阅专栏

大家好,我是龙骑士,今天给大家介绍innerText和innerHTML的区别

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body style="text-align:center;">
		<div id="test">这是一段包含一些
			<codes>代码</codes>和
			<italic>文本</italic>！
		</div>
		<p></p>
		<button onClick="innerTextFn()">innerHTML</button>
		<button onClick="innerHTMLFn()">innerText</button>
		<p id="op"></p>

		<script>
			function innerTextFn() {
				var x = document.getElementById('test');
				alert(x.innerText);
			}

			function innerHTMLFn() {
				var x = document.getElementById('test');
				alert(x.innerHTML);
			}
		</script>
	</body>
</html>

点击之前: