InnerHTML、InnerText、outerHTML、outerText的区别

最新推荐文章于 2022-02-05 09:13:38 发布
最新推荐文章于 2022-02-05 09:13:38 发布
阅读量59 收藏
点赞数
原文链接：http://www.cnblogs.com/Qizai/archive/2007/08/23/867391.html
版权
innerHTML 设置或获取位于对象起始和结束标签内的 HTML 
outerHTML设置或获取标签及标签内的HTML
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本。

这样说可能有的人还不明白，那么请看下面的图：



keyword: innerText,innerHTML,outerHTML,outerText

转载于:https://www.cnblogs.com/Qizai/archive/2007/08/23/867391.html

auwdlej39120
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript innerHTML、outerHTML、innerText、outerText的区别
10-30
JavaScript中的innerHTML、outerHTML、innerText和outerText是四个用于操作HTML元素内容的属性，它们各自有不同的功能和用途。 1. innerHTML： - innerHTML允许我们获取或设置一个元素内部的HTML内容。当我们设置...
innerHTML,outerHTML,innerText,outerText的用法及区别解析
09-04
在JavaScript中，`innerHTML`, `outerHTML`, `innerText`, 和 `outerText` 是四个非常重要的属性，用于操作HTML元素的内容。下面将详细解释这些属性的用法和它们之间的区别。 1. **innerHTML** - `innerHTML` 属性...
JavaScript之innerHTML和outerHTML，innerText和outerText
weixin_50464560的博客
07-02 966
document对象中有innerHTML、innerText这两个属性，都是获取document对象文本内容，但使用起来还是有区别的； 区别 1） innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容，包括HTML标签，但不包括自身) 2） outerHTML设置或获取标签自身及其所包含的HTML+文本信息（包括自身） 3） innerText设置或获取标签所包含的文本信息（从标签起始位置到终止位置的内容，去除HTML标签，但不包括自身） 4） outerText设
innerHTML和outerHTML以及innerText和outerText之间的区别
weixin_47450807的博客
02-05 815
一、innerHTML和outerHTML的关系 在面试中也常常问道innerHTML和outerHTML之间的区别，这里我们总结一下。innerHTML表示内部文本，如下所示。 <div><h1>大家好</h1></div> 其打印其innerHTML的值为： <h1>大家好</h1> outerHTML表示外部文本，包含标签。 其打印outerHTML的值为: <div><h1>大家好</h1&gt
innerText、outerText与innerHTML、outerHTML
weixin_56505845的博客
04-27 544
innerText、outerText与innerHTML、outerHTML 1、取值 innerText和outerText取值都是对象起始和结束标签内部的文本内容，而innerHTML取值是对象起始和结束标签内部的html，不包括对象本身的起始标签和结束标签，outerHTML取值是也是html，但是包括对象本身的起始标签和结束标签，具体如下： <div id="out">这是div文本 <span>这是span文本</span> </div> l
innerHTML、innerText、outerHTML、outerText区别
菜鸟程序员成长路
10-24 6538
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;/
innerHTML innerText outerHTML outerText的区别
hardgirls的博客
07-12 454
这是我做过的一个笔试题，是曾任职过腾讯的一个面试官考的，还特别耐心的讲解了下，在答题时，我的js基础是-的，连基本类型都不知道；今天看教程看到这里就赶快查看一下 element.innerHTML="替换的内容" innerHTML会把element的下一层内容替换了，不会替换本身，替换内容里面如果有标签就会解析了标签； innerText会把element的下一层内容替换了，不会替换ele
细说innerHTML、innerText、outerHTML、outerText、textContent的区别
lee_slly的博客
07-03 8774
简析 这几个属性都是原生 JS 用来获取和设置 DOM 节点的内容的，但是获取的内容格式和范围却有一些不同。 对比一 先上一段代码 <div id="test"> <span style="color:red">test1</span> test2 </div> var elementNode = document.getElementById('test'); innerHTML 获取或设置从对象的起始位置到终止位置的全.
innerHTML和 innerText 和 outerHTML和outerText的区别
qq_39632912的博客
10-13 333
https://www.cnblogs.com/siduoxiaohua/p/10530876.html innerHTML和innerText的使用和区别 document对象中有innerHTML、innerText这两个属性，都是获取document对象文本内容，但使用起来还是有区别的； 1）innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容...
innerHTML、outerHTML、innerText、outerText的区别及兼容性问题
tasty
01-10 953
今天看了很多文章关于innerHTML、outerHTML、innerText、outerText的区别，都是很模糊的一个介绍，所以自己总结下这些区别以及一些重点内容。很多文章在描述这些区别的时候，都是只针对一点进行描述，所以很难完全理解这些的字面含义以及区别点。 一、区别描述如下：（书上形式的说法） innerHTML设置或获取位于对象起始和结束标签内的 HTML
innerHTML,outerHTML,innerText,outerText
aibiao0436的博客
04-07 81
innerHTML,outerHTML,innerText,outerText的区别和用法 转自这位朋友http://hi.baidu.com/xpow innerHtml 和 innerText <div id="test"> <span style="color:red">test1</span> test2 </div&g...
html5 innerhtml标签,innerHTML、outerHTML与innerText、outerText
weixin_42813171的博客
06-25 1070
innerHTML、outerHTML与innerText、outerTextHTML5学堂：替换标签内容，使我们极其常用的知识，今天我们就来详细分析分析这几个属性：innerHTML、innerText、outerHTML、outerText，看看它们的区别和需要注意的地方。内容类型角度innerHTML outerHTML ：能够获取/设置元素的内容[元素内容可以包含标签]innerText ...
html innerHTML outerHTML innerText outerText等的区别及实例汇总
09-29
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML、outerHTML、innerText、outerText的用法与区别
05-09
在示例中，我们可以看到，innerHTML、outerHTML、innerText、outerText的用法和区别。innerHTML和outerHTML用于获取或设置HTML元素的内容，而innerText和outerText用于获取或设置HTML元素的文本内容。 outerHTML比...
自定义数据分析系统-仅需少量或者不需要sql语句，即可完成数据的获取和数据分析，业务人员也可以轻松使用，获得自己想要的数据进行
最新发布
08-14
自定义数据分析系统——仅需少量或者不需要sql语句，即可完成数据的获取和数据分析，业务人员也可以轻松使用，获得自己想要的数据进行分析。
基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计)
08-14
基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计) 含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。 1.基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计) 2.基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计) 3.基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计) 4.基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计) 基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计)基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计)基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计)基于python+django学生信息管理系统设计与实现代码+数据库（高分毕业设计)基于python+django学生信息管理系统设计与实现代码+数据库
基于Android万年历系统APP设计与实现.docx
08-14
基于Android万年历系统APP设计与实现.docx
基于Android选课系统设计与实现.docx
08-14
基于Android选课系统设计与实现.docx
ssm_137_mysql_数据结构课堂学生考勤管理系统_.zip
08-14
结合用户角色的不同主要的功能需求内容如下： 1、系统管理员用户 系统管理员用户可以通过系统后台录入学生及教师信息，包括学号、工号以及个人基础资料，同时可以通过课程管理添加课程信息，通过后台基本信息的录入实现学生请假及学生签到基础内容的添加，管理员可以通过后台查看到学生请假及学生签到信息内容。 2、学生用户 学生用户可以通过个人后台修改个人资料，同时可以结合课程信息内容实现在线学生签到提交，通过后台的学生请假管理模块提交请假申请内容。 3、教师用户 教师用户可以通过管理界面及时查看到学生请假信息，结合学生用户申请内容进行在线审批，查看学生用户在线签到信息及课程安排。
js innerhtml innertext 区别
04-29
JavaScript 中经常使用 innerHTML 和 innerText 来操作页面元素的内容，这两个方法都可以修改元素的文本内容。它们的主要区别如下： innerHTML 属性用于获取或设置元素的 HTML 内容，包括标签和元素。使用 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值