innerHTML outerHTML innerText和outerText的区别和用法

最新推荐文章于 2021-07-02 21:31:11 发布
最新推荐文章于 2021-07-02 21:31:11 发布 · 78 阅读 · 0

本文详细介绍了innerHTML、outerHTML、innerText及outerText等属性的区别与用法。这些属性用于操作HTML元素的内容和结构，在Web开发中非常实用。文章还提到了不同浏览器的支持情况，例如Firefox不支持innerText。

innerHTML 设置或获取位于对象起始和结束标签内的 HTML
outerHTML 设置或获取对象及其内容的 HTML 形式
innerText 设置或获取位于对象起始和结束标签内的文本
outerText 设置(包括标签)或获取(不包括标签)对象的文本
innerText 和outerText 在读取得时候是一样的，只是在设置的时候outerText 会连带标签一起替换成目标文本
firefox不支持innerText ，但是可以用textContent作为替代方案。

转载：http://www.juyimeng.com/difference-of-innerhtml-outerhtml-innertext-outertext.html

iteye_7408
关注
innerHTML outerHTML innerText outerText的区别
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
12-11 1242
这种方法非常灵活，可以用来动态生成复杂的DOM结构，但也需要注意潜在的安全风险，如跨站脚本攻击（XSS）。这些属性允许开发者以不同的方式读取或设置HTML元素的内容，但它们之间存在一些重要的区别，理解这些差异对于编写高效、可靠的代码至关重要。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。的行为相对较为特殊，它不仅改变了元素的内容，还彻底替换了元素本身。类似，但它不仅仅影响元素内部的文本，还会导致整个元素被替换为新的文本内容。
html innerHTML outerHTML innerText outerText等的区别及实例汇总
09-29
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerText 和outerText 的区别
溺水的鱼 - Later equals never.
09-26 2110
 A test for innerText, outerText methodfunction getInnerText(objectID){    var divTextObject=document.getElementById(objectID);    if(!divTextObject){        alert("innerText(): The "+objectID+" not f
innerHTML、outerHTML、innerText、outerText的用法与区别
05-09
innerHTML、outerHTML、innerText、outerText的用法与区别.doc
innerHTML innerText的使用和区别
*乘号的笔记本
01-16 374
document对象中有innerHTML、innerText这两个属性，都是获取document对象文本内容，但使用起来还是有区别的；   1） innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容，包括HTML标签，但不包括自身) 2） outerHTML设置或获取标签自身及其所包含的HTML+文本信息（包括自身） 3） innerText设置或...
javaScript中innerHTML,innerText,outerHTML,outerText的区别
qq_40435659的博客
09-05 357
开头说下innerText和outerText只在chrome浏览器中有效 定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML，包括标签。 来看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m
innerHTML,outerHTML,innerText,outerText的用法及区别解析
09-04
在JavaScript中，`innerHTML`, `outerHTML`, `innerText`, 和 `outerText` 是四个非常重要的属性，用于操作HTML元素的内容。下面将详细解释这些属性的用法和它们之间的区别。 1. **innerHTML** - `innerHTML` 属性...
javascript innerHTML、outerHTML、innerText、outerText的区别
10-30
JavaScript中的innerHTML、outerHTML、innerText和outerText是四个用于操作HTML元素内容的属性，它们各自有不同的功能和用途。 1. innerHTML： - innerHTML允许我们获取或设置一个元素内部的HTML内容。当我们设置...
outerText和innerText的区别。
无尽的代码--------mandolin`s coding life
06-11 3046
    对于DOM对象的这两个属性，初学者往往会感到疑惑，因为通过它们所获得的值没有任何区别。　    实际上，只要理解了它们各自的含义，就不难辨别了。    某元素的innerText指的是由其元素的开始标签和结束标签所包含的那一段HTML代码被去除格式后的纯文本。       outerText与其不同的是它包含元素的开始和结束标签。　    在取值的时候两者没有任何区别，但在赋值的时候就很容
innerText、outerText、innerHTML、outerHTML的区别与使用
骆驼草的家园
11-01 254
innerText、outerText、innerHTML、outerHTML的区别与使用   1、区别描述 innerHTML 设置或获取位于对象起始和结束标签内的 HTMLouterHTML 设置或获取对象及其内容的 HTML 形式innerText 设置或获取位于对象起始和结束标签内的文本outerText 设置(包括标签)或获取(不包括标签)对象的文本 innerText和oute...
innerHTML、outerHTML、innerText、outerText的区别及兼容性问题
热门推荐
HTMl5自由者
04-13 1万+
看了很多文章关于， 关于innerHTML、outerHTML、innerText、outerText的区别，还是很模糊的一个印象，所以自己总结下这xie
JavaScript之innerHTML和outerHTML，innerText和outerText
weixin_50464560的博客
07-02 1283
document对象中有innerHTML、innerText这两个属性，都是获取document对象文本内容，但使用起来还是有区别的； 区别 1） innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容，包括HTML标签，但不包括自身) 2） outerHTML设置或获取标签自身及其所包含的HTML+文本信息（包括自身） 3） innerText设置或获取标签所包含的文本信息（从标签起始位置到终止位置的内容，去除HTML标签，但不包括自身） 4） outerText设
DOM中的outerHTML,innerHTML,outerText,innerText的区别
偏安的专栏
02-27 608
简单的说innerHTML和outerHTML、innerText与outerText的不同之处在于：  1)、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。
innerHTML,outerHTML,innerText,outerText的区别和用法
yaogao000专栏
11-15 630
innerHTML,outerHTML,innerText,outerText的区别和用法转自这位朋友http://hi.baidu.com/xpow测试案例： test1 test2在JS中可以使用：test.innerHTML:　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。     上例中的test.innerHTML的值也就是“test1 test2 ”。test.inn
innerHTML、outerHTML、innerText、outerText的区别
seraph的专栏
11-24 679
1、功能讲解:innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2、示例  Demo body {font-family:"宋体";color="blue
innerHTML、innerText、outerHTML、outerText区别
菜鸟程序员成长路
10-24 6848
1、区别： （1） innerHTML 设置或获取位于对象起始和结束标签内的 HTML，例子： <div id="div1">hello world</div> <div id="div2"> <span>BEI</span> <p>JING</p> </
innerHTML、innerText和outerHTML、outerText的区别
walsh_bupt的博客
11-04 200
[b][size=medium]1、区别描述如下：[/size][/b] [list] [*]innerHTML 设置或获取位于对象起始和结束标签内的 HTML [*]outerHTML 设置或获取对象及其内容的 HTML 形式 [*]innerText 设置或获取位于对象起始和结束标签内的文本 [*]outerText 设置(包括标签)或获取(不包括标签)对象的文本 [/...
HTML属性详解：innerHTML、outerHTML、innerText与outerText的区别
"了解JavaScript中的innerHTML、outerHTML、innerText和outerText属性的用法及它们之间的差异对于前端开发至关重要。这些属性允许我们操作DOM元素的内容和结构。以下是对这些属性的详细解释： 1. innerHTML: - ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值