JavaScriptを使用して、HTML要素をプレーンテキストに変換します。
JavaScriptスクリプト言語で実行できるより便利なことの1つは、HTMLドキュメントのドキュメントオブジェクトモデル（または「DOM」）を操作および操作することです。 HTMLドキュメントのDOMは、そのドキュメントのコンテンツを表すための規則です。 これは、WebブラウザやJavaScriptなどのスクリプト言語が、そのドキュメントを構成するさまざまな要素と対話する方法を提供します。 JavaScriptとWebページのDOMを使用すると、HTMLをプレーンテキストに簡単に変換できます。
ステップ1
HTMLドキュメントのHEADセクションにSCRIPT宣言を追加します。 SCRIPTタグは、JavaScriptなどのクライアント側スクリプトを定義します。 SCRIPT宣言全体が次のように読み取られるように、SCRIPTタグの「type」属性を「text / javascript」に設定する必要があります（JavaScriptコードが2つのタグの間にある場合）。
今日のビデオ
ステップ2
1つの文字列をパラメーターとして受け取るJavaScript関数を定義します。 この文字列パラメータには、プレーンテキストに変換するHTMLが含まれています。
ステップ3
「createElement（）」メソッドを使用して、JavaScript関数内に一時的なDIV要素を作成します。
ステップ4
関数の文字列パラメータを一時DIVの「innerHTML」属性に割り当てます。
ステップ5
関数に一時的な文字列変数を作成します。
ステップ6
「textContent」属性と「innerText」属性を使用して一時DIVのプレーンテキストコンテンツを取得し、それを一時文字列変数に割り当てます。 クロスブラウザの互換性の問題のため、「textContent」と「innerText」の両方が一部で定義されます ウェブブラウザと他では未定義ですが、いずれかがすべてのメジャーのすべてのバージョンで定義されます ブラウザ。
ステップ7
「return」ステートメントを使用して、一時文字列が保持する値を返します。 これにより、変換されたHTMLのプレーンテキスト値が返されます。
ヒント
IF-THENステートメントを使用してブラウザー間の互換性を確認し、関数で「textContent」と「innerText」のどちらを使用するかを決定する代わりに、 次のように、一時DIV要素のプレーンテキスト値を一時文字列変数に割り当てるだけです。vartmpString= tmpDiv.textContent || tmpDiv.innerText。
