innerText VS textContent



Innertext Vs Textcontent



Firefox:textContentはインラインスタイルになります。コンテンツの読み取りscirpt要素はinnerTextではサポートされていません。

Opera:textContentはインラインスタイルを配置し、コンテンツのスクリプト要素を読み取り、innerTextはtextContentのパフォーマンスと一致します。

IE6〜8:innerTextインラインスタイルが読み取られず、スクリプトがサポートされていないtextContent
IE9 +:textContent / innerTextはインラインスタイル、スクリプトを読み取ります

Chrome:textContent / innerTextはインラインスタイルを読み取りますが、スクリプトはinnerTextがコンテンツ要素をスキップします(表示:なし)。

textContentには、ページの直接空白行が含まれ、その行は n-にフィードされます。
innerTextにはページの直接の空白行は含まれていませんが、行がスペースに分割されています



hello
body{color:#000}
function demo(){console.log('demo')}

none
hidden





var str = document.getElementById('div_1').textContent
console.log(str)
str = document.getElementById('div_1').innerText
console.log(str)