innerHTML和outerHTML区别

innerHTML和outerHTML区别 1.innerHTML<body> <p>你好</p> <divid="test"><h5>就是喜欢你</h5></div> <scripttype="text/javascript"> varhj=document

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

 1.innerHTML

<body>
		<p>你好</p>
		<div id="test"><h5>就是喜欢你</h5></div>
		<script type="text/javascript">
			var hj=document.getElementById("test").innerHTML;
			alert(hj);
		</script>
</body>

输出结果:

<h5>就是喜欢你</h5>

2.outerHTML 

<body>
		<p>你好</p>
		<div id="test"><h5>就是喜欢你</h5></div>
		<script type="text/javascript">
			var kj=document.getElementById("test").outerHTML;
			alert(kj);
		</script>
</body>

输出结果:

<div id="test"><h5>就是喜欢你</h5></div>

注意:

1.innerHTML 设置或获取位于对象起始和结束标签内的HTML

2.outerHTML设置或获取对象及其内容的HTML形式

 

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/148578.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • The hot zone_Grayzone

    The hot zone_Grayzone关于这个问题,是在使用Activiti的时候遇到的,如下图:具体内容如下:Causedby:org.apache.ibatis.exceptions.PersistenceException: ###Errorgettinganewconnection. Cause:java.sql.SQLException:Theservertimezonevalue’Öйú±ê…

  • 了解你的敌人:跟踪僵尸网络

    了解你的敌人:跟踪僵尸网络了解你的敌人:跟踪僵尸网络 利用蜜网对僵尸主机了解更多 蜜网项目组 & 蜜网研究联盟http://www .honeynet.org最后修改日期 : 2005 年 3 月 13 日 翻译者artemis:吴智发密罐是一种用来发现攻击工具,攻击策略与攻击者攻击动机的知名技术。在本文中,我们考虑一种特殊的安全威胁:运行僵尸网络的个人与组织。僵尸网络是一个可以由攻击者远程控制的已被攻陷主机组成的网络。由

  • lea 指令_lea指令的功能

    lea 指令_lea指令的功能leaw#2个字节leal#4个字节leaq#8个字节leabase_address(offset_address,index,size),%rax根据括号里的源操作数来计算地址,然后把地址加载到目标寄存器中。计算地址base_address+offset_address+index*size,然后把最终地址载到寄存器rax中。lea不引用源操作数里的寄存器,只是单…

    2022年10月29日
  • uWSGI简介_uwsgi启动

    uWSGI简介_uwsgi启动WSGI协议WebServerGatewayInterfaceWebServer和WebApplication通信规范uWSGI概述实现了WSGI协议Web服务器接收客户端请求,通过协议传达给Django应用安装pipinstalluwsgi基本配置chdir:WSGI应用目录module:WSGI应用的模块名字processes:uWSGI进程数(http-)socket:套接字路径、地址max-requests:最大并发请求数vacuum:退

  • Laravel5中使用阿里大于(鱼)发送短信验证码

    Laravel5中使用阿里大于(鱼)发送短信验证码

    2021年10月13日
  • Tensorflow2实现像素归一化与频谱归一化[通俗易懂]

    Tensorflow2实现像素归一化与频谱归一化[通俗易懂]归一化技术的改进是生成对抗网络(GenerativeAdversarialNetworks,GAN)中众多改进的一种,本文介绍常用于当前GAN中的像素归一化(Pixelnormalization,或称为像素规范化)和频谱归一化(Spectralnormalization,或称频谱规范化),在高清图片生成中,这两种归一化技术得到了广泛使用,最后使用Tensorflow2实现像素归一化和频谱归一化。

发表回复

您的电子邮箱地址不会被公开。

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