innerHTML与outerHTML的区别

最新推荐文章于 2023-07-12 21:34:39 发布
最新推荐文章于 2023-07-12 21:34:39 发布
阅读量560 收藏
点赞数
分类专栏： HTML 文章标签： html div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wjp553650958/article/details/4499422
版权

 1.innerHTML与outerHTML的区别：
 innerHTML：得出调用该方法的节点下的HTML代码，但不包括该节点本身的HTML代码  
  outerHTML:得出调用该方法的节点及该节点下的HTML代码 
一般的容器里都有，可以参考MSDN，比如这样。  
  有这样的代码。  
  <div   id="info">some   information</div>  
   
  则window.info.innerHTML的值就是"some information"，或者document.getElementById("info").innerHTML值就是"some   information".
  则window.info.outerHTML的值就是"<div   id="info">some   information</div> "，或者document.getElementById("info").outerHTML值就是<div   id="info">some   information</div> .

 

wjp553650958
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
innerHTML，outerHTML,innerTEXT三者之间的区别
10-31
innerHTML，outerHTML,innerTEXT三者之间的区别
javascript innerHTML、outerHTML、innerText、outerText的区别
10-30
主要介绍了javascript innerHTML、outerHTML、innerText、outerText的区别,本文讲解了它们的功能、使用实例、和不同之处,需要的朋友可以参考下
innerHTML和outerHTML有什么区别
weixin_39105981的博客
11-23 654
在网站建设过程中经常遇到innerHTML和outerHTML，很多前端基础不好的分不清有什么区别。
innerhtml与outerhtml的区别
qq_42459832的博客
01-12 3581
一、区别： 1）innerHTML: 　　从对象的起始位置到终止位置的全部内容,不包括Html标签。 2）outerHTML: 　　除了包含innerHTML的全部内容外, 还包含对象标签本身。 二、例子1： <div id="test"> <span style="color:red">test1</span> test2 </div> 1）innerHTML的值是“<span style="color:red">test1</
innerHTML和outerHTML的异同点
最新发布
fusheng_lee的博客
07-12 2068
innerHTML和outerHTML的异同点
innerHTML和outerHTML的区别
时清云的博客
07-05 1661
为什么要总结innerHTML和outerHTML的区别呢，主要是在看vue.js官方文档时，看到生命周期时 )] 原生的方法有点忘了，所以要重拾起来。 示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
innerHTML,outerHTML,innerText,outerText的用法及区别解析
12-12
<p><div id=”div” xss=removed><span>这是一个层</span></div> <input name=”innerHTML” value=”innerHTML” type=”button” OnClick=”alert(div[removed]);”> <input name=”outerHTML” value=”outerHTML” type=”button” OnClick=”alert(div.outerHTML);”> <input name=”innerTe
innerHTML和innerText的区别
05-10
js中innerHTML与innerText的用法与区别
IE innerHTML,outerHTML所引起的问题
09-06
我们在用javascript创建一个遮盖层(div)后，如果点击关闭用到了
html innerHTML outerHTML innerText outerText等的区别及实例汇总
09-29
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML、outerHTML、innerText、outerText的用法与区别
05-09
innerHTML、outerHTML、innerText、outerText的用法与区别.doc
innerHTML与outerHTML 的区别？
责任与担当
07-25 744
1.innerHTML <body> <p>你好</p> <div id="test"><h5>就是喜欢你</h5></div> <script type="text/javascript"> var hj=document.getElementById("test").innerHT...
[js] innerHTML与outerHTML有什么区别？
歌谣的博客
01-04 447
[js] innerHTML与outerHTML有什么区别？ <div id="test"><h5>就是喜欢你</h5></div> document.getElementById("test").innerHTML //<h5>就是喜欢你</h5> document.getElementById("test").outHTML //<div id="test"><h5>就是喜欢你</h5>&lt
JavaScript中innerHTML、outerHTML、innerText、outerText的用法与区别认识
johnchow2017的博客
04-25 3012
2017百度前端技术学院（js任务一） 一、JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？ 在JS中很容易将以上几者记错弄混，在网上找了解释也很抽象，如以下： innerHTML 设置或获取位于对象起始和结束标签内的 HTML  innerText 设置或获取位于对象起始和结束标签内的文
outerHTML的用法——与innerHTML不同
totem's
04-10 1921
图例分析outerHTML的用法——与innerHTML不同，outerHTML包括整个标签，而不仅限于标签内部的内容。对于一个id为"testdiv"的div来说，outerHTML、innerHTML以及innerTEXT三者的区别可以通过下图展示出来 与innerHTML不同，outerHTML包括整个标签，而不仅限于标签内部的内容。对于一个id为"testdiv"的
innerHTML、innerText、outerHTML、outerText区别
菜鸟程序员成长路
10-24 6470
1、区别： （1） innerHTML 设置或获取位于对象起始和结束标签内的 HTML，例子： &lt;div id="div1"&gt;hello world&lt;/div&gt; &lt;div id="div2"&gt; &lt;span&gt;BEI&lt;/span&gt; &lt;p&gt;JING&lt;/p&gt; &lt;/
一些页面自动跳转的实现 （功能：5秒后，自动跳转到同目录下的02view.html文件）
wjp553650958的专栏
02-04 1903
1）html的实现head>meta http-equiv="refresh" content="5;url=02view.html">head>优点：简单缺点：Struts Tiles中无法使用 2）javascript的实现script language="javascript" type="text/javascript">   setTimeout("javascrip
InnerHtml outerHtml区别
06-08
innerHtml和outerHtml都是JavaScript中DOM节点对象的属性。 innerHtml是用来获取或设置某个元素节点的所有子节点（包括文本节点）的HTML内容，但不包括该元素本身的HTML标签。 outerHtml是用来获取或设置某个元素节点的完整HTML内容，包括该元素本身的HTML标签和所有子节点的HTML内容。 例如，对于如下HTML代码： ```html <div id="test">Hello <span>world</span>!</div> ``` 使用`document.getElementById("test").innerHTML`获取的结果是： ``` Hello <span>world</span>! ``` 而使用`document.getElementById("test").outerHTML`获取的结果是： ``` <div id="test">Hello <span>world</span>!</div> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值