首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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.

    3.5K70

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

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

    4.8K30

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

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

    4.3K20

    Web前端基础(05)

    语言可以嵌入到html页面中直接和用户进行交互 ###如何在html页面中引入JavaScript 内联:在标签的事件属性中添加js代码,当事件触发时执行js代码 内部:在html页面的任意位置添加script...标签,标签体内写js代码,当页面加载时执行 外部:在单独的js文件中写js代码,在html页面中通过script标签的src属性引入,页面加载时执行 ###语法 包括: 变量 数据类型 运算符 各种语句...方法 面向对象 ###变量声明和赋值 JavaScript属于弱类型语言 java: int x = 10; String s = “abc”; x=“abc”;(报错,类型不匹配) Person...中只有对象类型 几种常见的对象类型: 数值:number 相当于java中所有数值类型的综合 var x=18; var y = 18.5; 字符串:string 可以用单引号或双引号赋值 var...s = “abc”/‘abc’; 布尔值:boolean true/false 未定义:undefined 当变量只声明不赋值时 此时变量的类型为未定义类型.

    1.6K20

    JS】325- 深度理解ES6中的解构赋值

    对象的解构赋值 对象解构的语法形式是在一个赋值操作符左边放置一个对象字面量,例如: ?...默认值 使用解构赋值表达式时,如果指定的局部变量名称在对象中不存在,那么这个局部变量会被赋值为 undefined,就像这样: ?...这段代码额外定义了一个局部变量 age,然后尝试为它赋值,然而在 person 对象上,没有对应属性名称的属性值,所以它像预期中的那样赋值为 undefined。...嵌套对象的解构赋值 解构嵌套对象仍然与对象字面量的语法相似,可以将对象拆解以获取你想要的信息。...这个例子中,数组 colors 的第一个元素被赋值给了 firstColor ,其他元素被赋值给了 otherColors 数组,所以 otherColors 中包含两个元素:'green' 和 'blue

    3.9K12

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券