innerHTML和outerHTML区别

全栈程序员-站长 • 2022年6月16日上午7:16 • 未分类 • 阅读 24

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形式

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

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

赞 (0)

全栈程序员-站长

0 0

费曼学习法

费曼学习法费曼学习法我的理解：费曼学习法就是把学好的东西用简洁易懂的语言，传授给别人举例：你学完微积分，然后自己去培训班，自己做老师，传授给学生们，并且学生们都能听懂费曼学习法的四个步骤：1.确定目标

全栈程序员-站长
2022年8月6日
django debug_vscode django

django debug_vscode django介绍Django框架的调试工具栏使用django-debug-toolbar库，是一组可配置的面板，显示有关当前请求/响应的各种调试信息，点击时，显示有关面板内容的更多详细信息。应用1.安装

全栈程序员-站长
2022年7月30日
查看laravel版本

查看laravel版本

全栈程序员-站长
2021年10月20日
DVD基础知识

DVD基础知识感谢‘高人’提供信息本贴的源由是‘hardjoy’碟友的一个提意，说是要弄一个基础知识简介，然后由‘杜比环绕声’版主支持列出了一些基础知识的问题，本人不才，愿就所学逐一介绍，但现在没有时间查书寻求标准答案了，只能想到哪说到哪了，不见得完全准确，大家就对付着看吧。问：有个叫什么磨码什么的是啥意思，好像是说盘基的答：你说的对，通常‘磨码’和‘盘基’是连起来说的，即‘磨码盘基’，同义词还有‘烫码盘基’和

全栈程序员-站长
2022年7月11日
ODrive应用 #1 ODrive入门指南[通俗易懂]

ODrive应用 #1 ODrive入门指南[通俗易懂]ODrive入门文章目录ODrive入门硬件需求需要准备以下硬件:ODrive接线WiringupthemotorsWiringuptheencodersSafety&PowerUPDownloadingandInstallingToolsWindowsOSXLinuxFirmwareStart`odrivetool`ConfigureM02.Set…

全栈程序员-站长
2022年5月14日
idea

Tomcat使用IDEA远程Debug调试[通俗易懂]

Tomcat使用IDEA远程Debug调试[通俗易懂]Tomcat运行环境：CentOS6.5、Tomcat7.0、IDEA远程Tomcat设置1、在tomcat/bin下的catalina.sh上边添加下边的一段设置CATALINA_OPTS=”-Xdebug-Xrunjdwp:transport=dt_socket,address=60222,suspend=n,server=y”2、address=60222这个是后边IDEA设置的时候需要

全栈程序员-站长
2022年9月10日

发表回复

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