欢迎来到计算机相关教程网!

JavaScript

当前位置: 主页 > 网页制作 > JavaScript

innerText和innerHTML的区别

时间:2023-05-07 23:08:36|栏目:JavaScript|点击:

innerText 不识别html标签 非标准 去除空格和换行

案例

var div = document.querySelector('div');

div.innerText = '今天是2023';

innerHTML 识别html标签 w3c标准 保留空格和换行

案例  

div.innerHTML = '<strong>今天是:</strong>2023';


1. innerText 不识别html标签(去除),是非标准的,会去除空格和换行。

2. innerHTML识别html标签(保留),是标准的,保留空格和换行。

如:

   innerText和innerHTML的区别(图1)

3.共同点:这两个属性是可读写的,可以获取元素里面的内容。


上一篇:JavaScript的基本变量应用格式

栏    目:JavaScript

下一篇:DOM的元素获取

本文标题:innerText和innerHTML的区别

本文地址:http://www.wangzhanteacher.com/?m=home&c=View&a=index&aid=262

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:8044517 | 邮箱:8044517@qq.com

Copyright © 2022-2025 计算机相关教程网 版权所有冀ICP备17010187号