innerHTML，innerText，outerHTML三者的区别

innerHTML,innerText,outerHTML的区别

1. innerHTML：

定义：innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML，包括标签。

获取标签下面的全部内容。

代码


图片发自简书App


打印内容




图片发自简书App


2. innerText：

定义：innerText 属性设置或返回表格行的开始和结束标签之间的 HTML内容，不包括Html标签。

即获取标签下的文本内容。

代码


图片发自简书App


打印内容


图片发自简书App


3. outerHTML：

定义：outerHTML  设置或获取对象及其内容的HTML形式，也就是标签和文本内容全都显示出来。

获取标签的全部内容，包括它本身。

代码


图片发自简书App


打印内容


图片发自简书App


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

推荐阅读更多精彩内容

  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,958评论 1赞 45
  • HTML标签
    HTML标签解释大全 一、HTML标记 标签：!DOCTYPE 说明：指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,411评论 1赞 41
  • 十、DOM 扩展
      尽管 DOM 作为 API 已经非常完善了，但为了实现更过的功能，仍然会有一些标准或专有的扩展。   2008...
    霜天晓阅读 467评论 0赞 0
  • 阅读，当你读不下去时就试着放下看看
    今天的作业是要写一篇影评，只是太久没看电影，就连电影频道的电影因为作息时间的关系，现在也基本没有看。那就写一篇最近...
    田螺姑娘FZ阅读 302评论 3赞 1
  • 亲子日记第5篇《离学校近真好》
    中午看到老师在群里说下午要穿校服系红领巾，吃饭的时候我给悠悠说了，下午我睡完觉，听见悠悠要去上学了（他中午...
    xyr悠悠我心阅读 220评论 0赞 0