jsのinnerHTMLとinnerTextの使い方と違い
1711 ワード
もっと読む
使い方:
JSで使用できます.test.innerHTML:
つまり、オブジェクトの開始位置から終了位置までの全ての内容にHtmlタグが含まれています.
上の例のtest.inners HTMLの値、つまり「test 1」です. test 2」です.test.inner Text:
開始位置から終了位置までの内容、 しかし、それはHtmlタグを除去します.
上の例のtext.innerTestの値は、つまり「test 1」です. test 2」、 この中でspanタグは削除されました.
test.outerHTML:
innerHTMLを含む全ての内容を除いて、 オブジェクトラベル自体も含まれています.
上の例のtext.outerHTMLの値はtest 1です. test 2
完全な例:
特別な説明:
innerHTMLはW 3 C規格に該当する属性であり、innerTextはIEブラウザにしか適用されないので、できるだけinnerHTMLを使用し、innerTextを使用しないで、HTMLタグを含まないコンテンツを出力するには、innersHTMLタグを含むコンテンツをinnerHTMLで取得した後、正規表現でHTMLタグを削除します.以下は簡単なW 3 C規格に適合する例です.
HTMLがなく、W 3 C規格に適合しています。
------------------------------------------------------------------------------
使い方:
test1 test2
JSで使用できます.test.innerHTML:
つまり、オブジェクトの開始位置から終了位置までの全ての内容にHtmlタグが含まれています.
上の例のtest.inners HTMLの値、つまり「test 1」です. test 2」です.test.inner Text:
開始位置から終了位置までの内容、 しかし、それはHtmlタグを除去します.
上の例のtext.innerTestの値は、つまり「test 1」です. test 2」、 この中でspanタグは削除されました.
test.outerHTML:
innerHTMLを含む全ての内容を除いて、 オブジェクトラベル自体も含まれています.
上の例のtext.outerHTMLの値はtest 1です. test 2
完全な例:
test1 test2
innerHTML
inerHTML
outerHTML
特別な説明:
innerHTMLはW 3 C規格に該当する属性であり、innerTextはIEブラウザにしか適用されないので、できるだけinnerHTMLを使用し、innerTextを使用しないで、HTMLタグを含まないコンテンツを出力するには、innersHTMLタグを含むコンテンツをinnerHTMLで取得した後、正規表現でHTMLタグを削除します.以下は簡単なW 3 C規格に適合する例です.
HTMLがなく、W 3 C規格に適合しています。
------------------------------------------------------------------------------
function init()
{
var aaa = parent.window.frames[0].document.body.innerHTML;
alert(aaa);
}
nothing