ホームページ > 記事 > ウェブフロントエンド > innerhtml の使用法 innertext の使用法と、innerHTML と innertext_javascript スキルの違い

innerhtml の使用法 innertext の使用法と、innerHTML と innertext_javascript スキルの違い

WBOYオリジナル: 2016-05-16 18:43:141473ブラウズ

test.innerHTML:
つまり、Html タグを含む、オブジェクトの開始位置から終了位置までのコンテンツ全体です。
上の例の test.innerHTML の値は、「test1 test2」です。
test.innerText:
開始位置から終了位置までの内容ですが、HTML タグは削除されています
上記の例の text.innerTest の値は「test1 test2」です,spanタグが削除されました。
test.outerHTML:
innerHTML のコンテンツ全体に加えて、object タグ自体も含まれています。
上記の例の text.outerHTML の値は

test1
Complete;例:

コードをコピーコードは次のとおりです:

test1 test2

innerHTML コンテンツ
inerHTML コンテンツ
outerHTML content

特記事項:
innerHTML は W3C 標準に準拠する属性ですが、innerText は IE ブラウザにのみ適用されるため、できるだけ innerHTML を使用してください。 HTML タグを含まないコンテンツを出力する場合は、innerHTML を使用して HTML タグを含むコンテンツを取得し、正規表現を使用して HTML タグを削除します。以下は、W3C に準拠した簡単な例です。標準:
HTML なし、準拠W3C 標準

コードをコピーコードは次のとおりです:

src="1.html">
<フレーム名="bottom" src="2.html">
html>

>何も

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScriptの時間比較実装コード_時刻と日付次の記事：JavaScriptの時間比較実装コード_時刻と日付

続きを見る

innerhtml の使用法 innertext の使用法と、innerHTML と innertext_javascript スキルの違い

関連記事