IE下innerText与FoxFire下textContent属性的不同

<div>
我是中国
人 我<br/>爱 自己
的<div>祖国</div>。
<div> 

IE下输出

我是中国 人 我
爱 自己 的
祖国。

总结:(IE中的innerText是需要对innerHTML的值进行)

1、HTML转义(等同于XML转义,对<、&等转义字符进行处理);
2、经过HTML解释和CSS样式解释;
3、之后又剔除格式信息之后留下的纯文本。

FoxFire下输出

(换行)
我是中国
人 我爱 自己
的祖国。

总结:

textContent没有2、3步,在经过了HTML转义之后直接剔除所有html标签后得到的纯文本。

时间: 2024-10-12 23:40:49

IE下innerText与FoxFire下textContent属性的不同的相关文章

value,innerHTML,innerText,textContent属性

value是带有value属性的标签拥有的值.一般是单闭合标签的属性.(可赋值,也可获取值) innerHTML属性,双闭合标签两个标签之间的内容.(识别标签)(可赋值,也可获取值) innerText属性,双闭合标签两个标签之间的内容.(不识别标签)(可赋值,也可获取值) textContent属性和innerText类似,老版本的火狐支持该属性(无老版本,未打印).(可赋值,也可获取值) <!DOCTYPE html> <html> <head lang="en

innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解

innerHTML属性用来读取或设置某个节点内的HTML代码. outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内. textContent属性用来读取或设置节点包含的文本内容. innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的.它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉.注意,innerText是非标准属性,Firefox不支持. 1.innerText受CSS影响,t

innerHTML属性,outerHTML属性,textContent属性,innerText属性,

innerHTML属性用来读取或设置某个节点内的HTML代码. outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内. textContent属性用来读取或设置节点包含的文本内容. innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的.它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉.注意,innerText是非标准属性,Firefox不支持. 1.innerText受CSS影响,t

python&#160;里面的单下划线与双下划线的区别(私有和保护)

Python 用下划线作为变量前缀和后缀指定特殊变量. _xxx 不能用'from module import *'导入 ——变量名_xxx被看作是“私有 的”,在模块或类外不可以使用.__xxx__ 系统定义名字 ——__xxx 类中的私有变量名 ——只有类对象自己能访问,连子类对象也不能访问到这个数据. 核心风格:避免用下划线作为变量名的开始. 因为下划线对解释器有特殊的意义,而且是内建标识符所使用的符号,我们建议程序员避免用下划线作为变量名的开始.一般来讲,变量名_xxx被看作是“私有 的

Eclipse 将projectBuild Path中引用的jar包自己主动复制到WEB-INF下的lib目录下

在用用 Eclipse进行Java Web开发时,web应用中引用的jar须要复制到WEB-INF下的lib目录下,否则常常出现ClassNotFound异常. 通过以下方法,能够不用手动拷贝jar包,Eclipse自己主动将projectBuild Path中引用的jar包自己主动复制到WEB-INF下的lib目录下,步骤例如以下: 1.右击project.选择Properties(属性) 选择Deployment Assembly.例如以下图: 2.点击右側Addbutton,例如以下图:

纯CSS实现下拉菜单及下拉容器等(纯CSS实现导航条及导航下拉容器)

原文:纯CSS实现下拉菜单及下拉容器等(纯CSS实现导航条及导航下拉容器) 虽然网上类似甚至相同的案例有很多,但是我还是写下,以记下笔记,也可供大家参考 希望大家可以指导批评~~ 首先我们以列表ul li 来开始我们菜单也可以说导航条的制作: 在页面中我们首先构建以下XHTML结构: <body> <ul id="navWrapper"> <li> <a href="#">Menu A</a> <ul

python 里面的单下划线与双下划线的区别

python 里面的单下划线与双下划线的区别 Python 用下划线作为变量前缀和后缀指定特殊变量. _xxx 不能用'from moduleimport *'导入 __xxx__ 系统定义名字 __xxx 类中的私有变量名 核心风格:避免用下划线作为变量名的开始. 因为下划线对解释器有特殊的意义,而且是内建标识符所使用的符号,我们建议程序员避免用下 划线作为变量名的开始.一般来讲,变量名_xxx被看作是“私有 的”,在模块或类外不可以使用. 当变量是私有的时候,用_xxx 来表示变量是很好的习

C#-判断Shift,Alt,Ctrl是否被按下,确定所按下的组合键

在创建接受用户击键的应用程序时,您还可能希望监视 SHIFT.ALT 和 CTRL 键等组合键.当一个组合键与其他键同时按下,或在单击鼠标的同时按下时,您的应用程序能够做出适当响应:字母 S 可能仅导致一个"S"出现在屏幕上,但是如果按下 CTRL+S,则可保存当前文档. 确定所按下的组合键 对 ModifierKeys 属性和 Keys 枚举的值使用按位与运算符(在 Visual Basic 中为 And,在Visual C# 中为 &),确定所按下的组合键.(Modifie

IE下及标准浏览器下的图片旋转(一)——滤镜,CSS3

关于图片的旋转,一般来说有3种解决方案:(1)滤镜 (2)css3 (3)canvas.接下来逐一讲解. 为了方便理解,我们主要以90度整倍数讲解,兼顾其他角度. 1. 滤镜(IE专属) 1.1 旋转滤镜 语法如下: filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=i); rotation取值0(0或360度),1(90度),2(180度),3(270度).取其他数无效. 旋转90度示例: css: #box {