- innerText:它的內容實際上就是你在瀏覽器看到的內容。它的值是經過瀏覽器解釋過的結果:它將元素的`innerHTML`換碼、解釋,最終顯示出來,然后去除各種格式信息留下的純文本。它會把`<br/>`換成換行符,會將多個空格并成一個空格對待,而本來的換行符卻并不會引起換行,IE會將其當作一個普通的單詞邊界(一般是空格)。再說的形象點,一個元素的`innerText`屬性的值,和你將這個元素內容復制粘貼到記事本里的內容一致。
- textContent:它的內容則是`innerHTML`去除所有標簽后的內容(我懷疑這個是從XMLDOM中照搬過來的屬性,特性完全一致)。它會將innerHTML中的轉義字符(<、 什么的)進行換碼,但是不對任何html標簽進行解釋,而是直接剔除它們。它也不會對innerHTML中的文本按照HTML的方式進行格式轉換,比如多個空格還會原原本本地保留,不會合并為一個空格,換行符仍然存在(相反`<br/>`卻不會導致換行)。
更加簡練的總結:IE中的innerText是需要對innerHTML的值進行:
1、HTML轉義(等同于XML轉義,對<、&等轉義字符進行處理);
2、經過HTML解釋和CSS樣式解釋;
3、之后又剔除格式信息
之后留下的純文本。
而FF中的textContent沒有2、3步,在經過了HTML轉義之后直接剔除所有html標簽后得到的純文本。
- 1.Mock.js
- 2.conic-gradient 圓錐漸變
- 3.ES6 Module學習筆記
- 4.ES6函數擴展學習筆記
- 5.導入topojson模塊的坑
- 6.git 內部分享
- 7.npm install --save
- 8.nvm和nrm
- 9.刪除node_modules文件夾
- 10.es6 symbol
- 11.Set和Map數據結構
- 12.chrome控制臺的$0
- 13.d3-ordinal
- 14.Object.assign() 和lodash的merge()
- 15.echarts x軸坐標文字顯示不全
- 16.echarts地圖配置項--中文
- 17.webpack自動瀏覽器打開插件
- 18.D3線條和面積動畫--未采用
- 19.投影濾鏡
- 20.文本擋住觸發事件
- 21圖表用法
- 22.大膽的表現自己把
- 23.裁剪clip-path
- 24svg線條動畫的反向和時間誤差
- 25.visibility和display的區別
- 26.SVG濾鏡
- 27windo命令行的坑
- 28.textContent與innerText的不同
- 29.CSS3炫酷文本
- 30.更改webpack配置文件路徑
- 31.大胖給我做的css codereivew
- 32.定義接口不要限定死
- 33.不使用浮動,用inline-block平分出現換行問題
- 34.輸入框的校驗
- 35.handlbars的registerHelper
- 36.animation-fill-mode
- 37.svg嵌套HTML,實現文本換行
- 38.SVN出現黃色感嘆號
- 39.typeof與instanceof
- 40.SVG里面謹慎設置font-family
- 41.新腳手架里的相對路徑問題