首页 > Web开发 > 详细

结合<span id="outer"><span id="inter">text</span></span>这段结构,谈谈innerHTML、outerHTML、innerText之间的区别

时间:2019-07-18 09:52:53      阅读:109      评论:0      收藏:0      [点我收藏+]


  innerHTML 输出当前标签的文本内容,如果标签内有子标签,会连子标签本身和子标签内的文本内容一起输出。

  #outer输出子标签本身和子标签的内容:<span id="inter">text</span>
  #inter输出当前标签内容:text


  innerText 只输出当前标签内的文本内容,如果标签内有子标签,那么也只输出子标签内的文本内容。

  #outer输出当前标签和子标签的内容:text
  #inter输出当前标签内容:text

 

  outerHTML 输出当前标签的本身和标签内的文本内容,如果有子标签,那么子标签本身和标签内的文本内容也将一起输出。

  #outer输出当前标签和子标签的标签本身和内容:<span id="outer"><span id="inter">text</span></span>
  #inter输出子标签的标签本身和内容:<span id="inter">text</span>

结合<span id="outer"><span id="inter">text</span></span>这段结构,谈谈innerHTML、outerHTML、innerText之间的区别

原文:https://www.cnblogs.com/wuqilang/p/11204643.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!