JavaScript中innerText和innerHTML的区别

2025-04-06 00:47:29

推荐回答（1个）

回答1：

这是我的另外一个回答，相同的问题

举个例子来说吧。


   内容

使用这几个来获取上面div的内容的话，区别如下：
innerHTML: 内容，带有html标签
innerText: 内容不带html标签
outerHTML:

内容

outerText: 获取元素跟innterText是一样的。

使用这几个来改变某个元素的内容

innerHTML="内容"
//内容

展示出来的是斜体的“内容”，i作为html标签解析了

innerText="内容"
//内容

展示的内容为“内容”，i没有作为html的标签解析，而是直接输出了。

outerHTML="内容"
//内容就是替换了外面的标签，同时i会被解析，展现一个斜体的“内容”

outerText="内容"
//替换外面的标签，i没有解析，页面显示“内容”

注意outerHTML、innerText不是W3C标准，使用时请注意浏览器兼容性！