innerText和innerHTML的区别

首先编写要显示的文字

要显示的文字

其次编写JavaScript代码

通过两种方式来显示hello world

测试

都显示的hello world 没有区别

两边都显示相同的alert.

之后修改代码如下

修改后的代码


alert(content.innerHTML) 的执行结果


alert(content.innerText) 的执行结果

所以可以得知

innerHTML会记录对象中的全部信息,包括HTML标签.

innerText只会记录对象中的文字信息,不包括HTML标签.

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签
    HTML标签解释大全 一、HTML标记 标签：!DOCTYPE 说明：指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,320评论 1赞 41
  • js十大设计模式
    工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2赞 17
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,228评论 4赞 61
  • 你真的了解iOS代理设计模式吗？
    转载！！ http://www.cocoachina.com/ios/20160317/15696.html 本文...
    星空下的菜地阅读 724评论 0赞 6
  • 难为好父亲
    G从亚洲移民到中南美洲，又移民到加拿大，他说每移民一次半条命就没了。G是个坚强能干的大男人,他都说这样的话，可见新...
    无声时代阅读 299评论 0赞 0