innerHTML\innerText

最新推荐文章于 2022-02-21 12:52:55 发布

from_shanghai

最新推荐文章于 2022-02-21 12:52:55 发布

阅读量203

点赞数

分类专栏：写着玩没有多大价值

本文链接：https://blog.csdn.net/from_shanghai/article/details/99453554

版权

写着玩没有多大价值专栏收录该内容

18 篇文章 0 订阅

订阅专栏

document.write 和 innerHTML ：

document.write 重绘整个页面，innerHTML 重绘页面的一部分。

为什么 js中不推荐使用 innerHTML？

因为 innerHTML 每次修改内容都会刷新，慢。（不明白这个“慢”是指要刷新，所以更新数据慢吗？）

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<span id="nishichu"><p>你是猪啊</p></span>
	<span id="nicaishizhu"><p>你才是猪<p></span>
	<script type="text/javascript">
		document.getElementById('nishichu').innerHTML='你他妈说谁是猪';
		document.getElementById('nicaishizhu').innerText='<p>我说你是猪，你就是猪！</p>';
	</script>
</body>
</html>

(1)
document.getElementById('nishichu').innerHTML='你他妈说谁是猪';
你是猪啊 变为：
你他妈说谁是猪
(2)
这次去掉 标签
变成：你他妈说谁是猪
还是覆盖了
(3)
这次试试能不能覆盖标签
变成：
你他妈说谁是猪
哇哈哈！好强啊，标签也给覆盖了。

innerText：
document.getElementById('niciahsizhu').innerText='我说你是猪，你就是猪！';
变成：
我说你是猪，你就是猪！
所以说 innerText不能识别标签，它把标签当做文本
但是它也覆盖标签里面内容了
试试它能不能覆盖标签
不知道为啥这样：
我说你是猪，你就是猪！
其实它不能覆盖 标签, 这样色的：
我说你是猪，你就是猪！

总结：
（1）当两个都用来插入内容时，并且插入标签时，innerHTML 插进的是标签，innerText 把标签当文本;并且，两个都能覆盖内容，但 innerHTML 能覆盖被插入内容的标签里面的标签，innerText 只能覆盖文本，不能覆盖标签；

两者插入内容时，= 字符串，就是 dom.innerHTML = 'xxx'; dom.innerText = 'xxx';

（2）当用 dom.innerHTML 获取内容时，可以获取到标签；

dom.innerText 只能获取到文本；

醉了，网上一个好点儿的解释都找不到。垃圾 baidu！

from_shanghai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
innerHTML\innerText

document.write 和 innerHTML ：document.write 重绘整个页面，innerHTML 重绘页面的一部分。为什么 js中不推荐使用 innerHTML？因为 innerHTML 每次修改内容都会刷新，慢。（不明白这个“慢”是指要刷新，所以更新数据慢吗？）<!DOCTYPE html><html lang="en"&...
复制链接

扫一扫