innerHTML和outerHTML有什么区别

innerHTML和outerHTML有什么区别一、区别:1)innerHTML:  从对象的起始位置到终止位置的全部内容,不包括Html标签。2)outerHTML:  除了包含innerHTML的全部内容外,还包含对象标签本身。二、例子:<divid=”test”><spanstyle=”color:red”>test1</span>…

大家好,又见面了,我是你们的朋友全栈君。

innerHTML 和 outerHTML有什么区别
一、区别:
1)innerHTML:
  从对象的起始位置到终止位置的全部内容, 不包括HTML标签。
2)outerHTML:
  除了包含innerHTML的全部内容外, 还包含对象标签本身。

二、例子:
<div id=”test”>
<span style=”color:red”>test1</span> test2
</div>
1)innerHTML的值是 <span style=”color:red”>test1</span> test2 
2)outerHTML的值是 <div id=”test”><span style=”color:red”>test1</span> test2</div>

其中,红色部分就是差异之处

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/124877.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • compile ffmpeg for armv7 armv7s[通俗易懂]

    1.下载ffmpeggitclonegit://source.ffmpeg.org/ffmpeg.gitffmpeg2.下载gas-preprocessor地址: https://github.com/yuvi/gas-preprocessor下载完后把gas-preprocessor.pl复制到/usr/bin/目录下,修改权限 chmod7773.解压ffm

    2022年4月9日
  • vue-router中的beforeEach

    vue-router中的beforeEach最近在做vue项目的开发,用到的技术栈主要是vue相关的,在开发这个项目的时候,设计到了权限,因为是后台管理系统,不同的身份和角色访问系统的时候,系统所展现出来的可访问内容都是不一样的,有兴趣的同学可以参考下RBAC(以角色为基础的权限管理设计)这篇文章写得很详细,很直观,我写这篇文章主要是想要分享一下前端的技术栈vue-router是如何处理的,以及踩过的坑。vue-router可以参考官方文档vue-router,官方文档中介绍的很详细,解决权限问题,就用到了addRoutes这个API,去动态添

    2022年6月28日
  • handler使用_java中的handler

    handler使用_java中的handler创建测试表:root@test04:53:11>showcreatetablet;+——-+———————————————————————————-

    2022年8月24日
  • Cocos2d-x 水果忍者划痕效果

    Cocos2d-x 水果忍者划痕效果

    2021年11月14日
  • soapUI使用教程[通俗易懂]

    soapUI使用教程[通俗易懂]SoapUI使用1.什么是soapUI由于Web服务是被程序调用的,一般不会提供界面让最终用户或测试人员直接使用,soapUI是针对这种情况开发的一个工具,用户可以在soapUI中通过简单的操作完成复杂的测试。目前我们系统中电子渠道接口、充值卡接口都是用WebService实现的,因此需要用到SoapUI进行测试。SoapUI不仅可以简单地执行测试,而且可以自动运行已经准备

    2022年6月15日
  • navicat激活码无法生成【2021免费激活】[通俗易懂]

    (navicat激活码无法生成)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~1…

    2022年3月27日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号