Web 開発では、HTML は Web ページの構造とコンテンツを記述するために使用される非常に一般的な言語です。 JavaScript などのプログラミング言語で操作するために、HTML コードを文字列に変換する必要がある場合があります。 HTMLを文字列に変換する方法を紹介します。 JavaScript では、仮想 DOM (Virtual DOM) を作成することで、HTML コードを文字列に変換できます。以下は簡単な実装メソッドです: function htmlToString(html) { let virtualDOM = document.createElement("DIV"); virtualDOM.innerHTML = html; return virtualDOM.textContent || virtualDOM.innerText || ""; }ログイン後にコピーこのメソッドの具体的な実装原則は次のとおりです: 仮想 DOM ノードを作成します。ここでは document.createElement を使用します。 ("DIV ") メソッドは DIV ノードを作成します。 受信 HTML コードをこの仮想 DOM ノードの innerHTML 属性に割り当てて、HTML を DOM ノードに変換します。 最後に、仮想 DOM ノードの textContent または innerText 属性を通じて、対応するテキスト コンテンツを取得できます。つまり、HTML を文字列に変換します。 textContent と innerText の違いは、textContent がすべての子要素のテキスト コンテンツを返すことです (非表示の要素を含む)、innerText は表示されている要素のテキスト コンテンツのみを返します。したがって、ニーズに基づいて使用する属性を選択してください。 このメソッドは、HTML を文字列に変換する簡単かつ迅速な方法ですが、注意が必要な細かい点がいくつかあります。 HTML に特殊文字が含まれる場合< ;、>、& などの記号はエンコードする必要があります。エンコードしないと、解析エラーが発生する可能性があります。トランスコーディングには encodeURIComponent メソッドを使用できます。 HTML 文字列を処理するときは、XSS 攻撃の防止に注意する必要があります。セキュリティ フィルタリングは、DOMPurify などのサードパーティ ライブラリを使用して実行できます。 上記の方法以外にも、ES6 テンプレート文字列を使用する、正規表現を使用するなどの実装方法があります。さまざまな方法にはそれぞれ長所と短所があり、実際のニーズと状況に基づいて選択する必要があります。 つまり、Web 開発において HTML を文字列に変換する作業は頻繁に使用される操作であり、関連する方法やテクニックを習得することで、開発作業をより効率的に行うことができます。