首页
学习
活动
专区
圈层
工具
发布

JS中innerHTML、outerHTML、innerText、outerText的用法与区别

1、功能说明: innerHTML 设置或获取位于对象起始和结束标签内的 HTML innerText 设置或获取位于对象起始和结束标签内的文本 outerHTML 设置或获取对象及其内容的HTML...color:red">span1 span2 var innerHTML = document.getElementById("mydiv").innerHTML; var innerText...= document.getElementById("mydiv").innerText; //Firefox不支持 var outerHTML = document.getElementById(...对Firefox是不支持的,因此,尽可能地去使用innerHTML, 而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后, 再用正则表达式去除...>/gim,'')); 查看演示:http://itmyhome.com/js_innerHTML_innerText_differences/ 作者:itmyhome 发布者:全栈程序员栈长,

1.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS魔法堂:被玩坏的innerHTML、innerText、textContent和value属性

    在通过value属性赋值前,会影响value的取值;             3. 在通过value属性赋值后,则value的取值与innerHTML无关。        ...无条件影响innerText、textContent的取值;             2. 在通过value属性赋值前,会影响value的取值;             3....在通过value属性赋值后,则value的取值与innerHTML无关。    b). innerText可被设置并且生效,对其他属性的影响:             1....在通过value属性赋值前,会影响value的取值;             3. 在通过value属性赋值后,则value的取值与innerText无关。        ...无条件影响innerHTML、innerText的取值;       2. 在通过value属性赋值前,会影响value的取值;             3.

    5.8K70

    什么是js的解构赋值

    这种语法提供了一种更加简洁的方式来从数组或对象中提取数据,并赋值给不同的变量。 优点和缺点 解构赋值的优点和缺点主要取决于具体的使用场景和上下文。...以下是解构赋值的一些主要优点和缺点: 优点: 代码简洁性:解构赋值允许我们在一个语句中从数组或对象中提取多个值,并将其分配给不同的变量。这大大减少了代码量,并使代码更加简洁易读。...使用示例 数组解构赋值 在数组中,解构赋值允许我们直接将数组中的元素赋值给不同的变量。...在对象中,解构赋值允许我们提取对象的属性值,并将它们赋值给对应的变量。...解构赋值还支持嵌套解构,即可以从嵌套的对象或数组中解构值。

    86100

    js数组的拷贝赋值复制-你真的懂?

    在看react-native性能优化的时候,看到如何避免shouldComponentUpdate的异常数据时,脑内一阵风暴,从而牵连出一连串的问题,于是有了这一篇关于js数组的复制(深浅拷贝)与赋值等为何能产生异常数据的文章...有什么问题欢迎指正 现在进入正题: 首先异常数据的产生在于我们在复制赋值时,会有或没有改变到本身的值。 一、push与concat push的定义是:像数组末尾添加一个或更多元素,并返回新的长度。...a.concat(5); //a为1 2 3,4 5 二、深拷贝与浅拷贝 1.浅拷贝 JavaScript存储对象都是存地址的,所以浅复制会导致 a 和 b 指向同一块内存地址 数组的赋值其实相当于给了索引...你传递一个对象(在js里数组不是简单数据类型,而是对象)到一个函数,如果在函数里面改变了这个参数的内容,在外部这个变化是可见的。

    5.5K30

    js对象的直接赋值、浅拷贝与深拷贝

    这里就是出现了题目所谈到的问题,涉及到了js对象的直接赋值、浅拷贝与深拷贝。 直接赋值   把一个对象a赋值给一个对象b相当于把一个对象b的地址指向对象a的地址,所以,他们实际上是同一个对象。...即:直接赋值,修改赋值后的对象b的非对象属性,也会影响原对象a的非对象属性;修改赋值后的对象b的对象属性,也会影响原对象a的对象属性。...以之前直接赋值的对象为例,如图3所示。...图3 浅拷贝,赋值的对象与被复制的对象不会指向同一个地址   修改赋值后的对象b的非对象属性,不会影响原对象a的非对象属性;修改赋值后的对象b的对象属性,却会影响原对象a的对象属性,如图4所示。...图5 扩展运算符实现浅拷贝(赋值"小刚"等的操作与之前的结果完全相同,就不全贴出来了)   考虑到es6的支持程度,如果你的项目不支持es6,但是又想实现浅拷贝的话,也可以尝试js原生的concat方法

    4.8K20
    领券