A test for innerText, outerText method

Hello, Hellin Zhang

请您先下载运行并参考作者写的例子.

Hello, Hellin Zhang

outerText:

当您调用 document.getElementById('divText').outerText 属性时, 理论上是

获得开始标签(start tag)”

” 和“

之间所有的 text object的text value, 但是必须明确此时的操作也饱含了自身即 “div” object .所以本例读取值 Hellin, Hello world! 这与innerText 没有什么区别.

如果你执行执行 document.getElementById(''divText' ').outerText="Hellin love Linda for ever.";那么执行之后的结果是

Hello, Hellin Zhang

变成了 text object (即“Hellin love Linda for ever.”). 换句话说div 这个tag 没了, 而被你的一个文档对象”Hellin love Linda for ever.”给换掉了.

innerText

只能工作在 tag object 的内部即开始标签(start tag)”

” 和“

之间所有的 text object的 text value ,但是它一定不包括自身对象,这里的inner就是这个含义. 如果您只是读取 text objext 的 text value, 那么用 innerText和outerText是等效的,它不同于innerHTML和outerHTML.

当您写即你执行 document.getElementById('div1').innerText="Hellin love Linda for ever.";后

Hello, Hellin Zhang

变成

Hellin love Linda for ever.

, div object 并没有销毁.

换句话说, inner操作的是tag内部的对象, outer 不仅操作内部对象也包含了本身对象.读这些属性值的过程中,可能没有区别,但是赋值操作区别可就大了.

同理 innerHTML, outerHTML. 只不过它们操作的不是text而是HTML.

注意: W3C 只支持innerHTML. 其他都是微软的规定.(outerHTML,outerText,innerText只有微软的IE 好使, 其他浏览器不好用(firefox, mozilla等),必须用其他方法实现)

java中outer和inner_innerText 和outerText 的区别相关推荐

  1. java中String new和直接赋值的区别

        Java中String new和直接赋值的区别     对于字符串:其对象的引用都是存储在栈中的,如果是编译期已经创建好(直接用双引号定义的)的就存储在常量池中,如果是运行期(new出来的)才 ...

  2. 【Java学习笔记之二十九】Java中的equals和==的用法及区别

    Java中的"equals"和"=="的用法及区别 在初学Java时,可能会经常碰到下面的代码: 1 String str1 = new String(&quo ...

  3. Java中print、printf、println的区别 详解

    Java中print.printf.println的区别详解 printf主要是继承了C语言的printf的一些特性,可以进行格式化输出 print就是一般的标准输出,但是不换行 println和pr ...

  4. Java中方法重载和方法重写的区别

    文章目录 1 Java中方法重载和方法重写的区别 1 Java中方法重载和方法重写的区别 主要区别如下: 方法重载: 在同一个类中 方法名相同 参数个数.顺序.类型不同 返回值类型.访问修饰符任意 方 ...

  5. Java中的LongAdder和AtomicLong有什么区别?

    ● Java中的LongAdder和AtomicLong有什么区别? 考点:JDK 参考回答: JDK1.8引入了LongAdder类.CAS机制就是,在一个死循环内,不断尝试修改目标值,直到修改成功 ...

  6. Java中 byte[]数组序列化和fastjson序列化区别

    Java中 byte[]数组序列化和fastjson序列化区别 Java中,对于对象可以通过序列化成byte数组或者序列化成json形式,这里做下两者的对比. 首先看下实现方式: 1 byte数组序列 ...

  7. JAVA中的方法和构造方法有什么区别

    JAVA中的方法和构造方法有什么区别 1.方法有返回类型,方法名小写,不能和类名相同:构造方法没有返回类型,void也不行,名与类名相同. 2.构造方法是初始化对象的重要途径,所以就算你给一个类没有定 ...

  8. 转 Java中final、finally、finalize的区别与用法

    Java中final.finally.finalize的区别与用法 1.简单区别: final用于声明属性,方法和类,分别表示属性不可交变,方法不可覆盖,类不可继承. finally是异常处理语句结构 ...

  9. 分析Java中的三种不同变量的区别

    1.首先分析Java中的三种不同变量的区别,如下表所示   概念 默认值 其他 类变量 也叫静态变量,是类中独立于方法之外的变量 用static 修饰 有默认初始值,系统自动初始化. 如boolean ...

最新文章

  1. DevExpress A field with the name '' was not found on the selected data source.
  2. 第五周项目三-时间类(2)
  3. ACID、数据库隔离级别
  4. class view里面的目录项_Eclipse里面出现一排open a terminal,怎么把消除它???
  5. json和对象、list互转
  6. 防篡改对象之密封对象
  7. 机房布线的最高境界 | 最后的暗黑系,真是亮瞎眼 ​
  8. mac docker mysql_Mac操作系统上使用Docker创建MySQL主从数据库
  9. 注册信息表html,实战系列 —— HTML 的 “注册信息表”
  10. 区间DP lightoj 1422
  11. paip.快捷方式分组管理最佳实践ObjectDock
  12. 一款强大的红队资产测绘工具
  13. 企业版360忘记密码卸载
  14. 如何清理微信文件夹占用的巨大空间
  15. CVPR 2022 部分行人重识别
  16. code flattening —— conversion to R1CS——formulation of QAP
  17. .py文件转.pyc文件
  18. MySQL数据库技术
  19. Outlook2013/2016签名选项卡无法打开
  20. 高德地图实现Marker模拟gif动画

热门文章

  1. 基于Deep Learning的中文分词尝试
  2. 可视化-THREEJS 绘制星空
  3. vscode格式化oracle的插件,vscode 格式化插件
  4. 利用Python轻松实现视频合成!
  5. 用函数实现strcmp(C语言)
  6. 被人遗忘的绝美城市,鸟语花香,去一次就爱上
  7. vue返回上一页不刷新页面
  8. react webpack配置 paths.js
  9. Pycharm调整字体 代码的字体大小
  10. win11右键菜单改回win10教程(亲测可用-全流程截图)