特殊な HTML エンティティを含む文字列をデコードする正しい方法は何ですか?

Te Shuna Html Entitiwo Hanmu Wen Zi Liewodekodosuru Zhengshii Fang Faha Hedesuka



HTML を操作しているときに、HTML エンティティを使用してエンコードされた特殊文字または記号に遭遇する可能性があります。これらのエンティティは、アンパサンド「」で始まります & 」とセミコロンで終了する「 ; '、 そのような ' < 」は記号「 < 」。特殊な HTML 要素/エンティティを文字列から除外して、最終的な文字列が安全に使用できること、およびブラウザが実行できる不正なコードが含まれていないことを確認することが重要です。

この投稿では、特別な HTML エンティティを使用して文字列をデコードする正しい方法をお知らせします。

特殊な HTML エンティティを含む文字列をデコードする正しい方法は何ですか?

特別な HTML エンティティを含む文字列をデコードするには、次のメソッドを使用します。





方法 1: 「textarea」要素を使用して、特別な HTML エンティティを含む文字列をデコードする

HTML「 <テキストエリア> 特別な HTML エンティティを含む文字列をデコードするための要素。 「 インナーHTML ' 財産。ブラウザは、テキストエリア内のエンティティを自動的にデコードし、単純なプレーン テキストを提供します。デコードされた文字列を取得するには、「 価値 ' 財産。



例



変数を作成する」 エンコードされた文字列 」には、特別な HTML エンティティを含む文字列が格納されます。



定数 エンコードされた文字列 = 「<div>Linuxhint へようこそ!</div>」 ;

エンコードされた文字列をコンソールに出力します。

コンソール。 ログ ( 'エンコードされた文字列: ' + エンコードされた文字列 ) ;

HTML要素を作成する」 テキストエリア 」を使用して createElement() ' 方法：



定数 テキストエリア = 書類。 createElement ( 「テキストエリア」 ) ;

「を使用して、エンコードされた文字列をテキストエリアに渡します。 インナーHTML ' 財産：

テキストエリア。 インナーHTML = エンコードされた文字列 ;

次に、「」を使用してデコードされた文字列を取得します 価値 ” テキストエリアの属性を取得し、変数に格納します “ デコードされた文字列 」：

定数 デコードされた文字列 = テキストエリア。 価値 ;

最後に、「 console.log() ' 方法：

コンソール。 ログ ( 'デコードされた文字列: ' + デコードされた文字列 ) ;

出力は、特別な HTML エンティティを含む文字列が正常にデコードされたことを示しています。

上記のアプローチは単純明快であり、単純なシナリオに適しています。複雑な HTML 構造を処理しようとすると、失敗します。そのためには、「parseFromString()」メソッドを使用します。

方法 2: 「parseFromString()」メソッドを使用して、特別な HTML エンティティを含む文字列をデコードする

特殊な HTML エンティティを含む文字列をデコードする別の方法は、「 parseFromString() ' 方法。これは、「 DOMParser ' 物体。 XML または HTML 文字列を解析し、そこから新しい DOM ドキュメント オブジェクトを作成するのに役立ちます。

例

まず、「」の新しいオブジェクトを作成します DOMParser 」を使用して 新しい 」 キーワード:

定数 パーサー = 新しい DOMParser ( ) ;

「に電話する」 parseFromString() ” メソッドとパラメーターを渡します “ エンコードされた文字列 」を複雑な HTML 構造として、「 テキスト/html 」。エンコードされた文字列を HTML として扱うようにメソッドに指示します。使用 ' テキストコンテンツ 」デコードされた文字列を取得する body 要素のプロパティ:

定数 デコードされた文字列 = パーサー。 parseFromString ( ` doctype html >< 体 > $ { エンコードされた文字列 } ` 、 「テキスト/html」 ) . 体 . テキストコンテンツ ;

デコードされた文字列をコンソールに出力します。

コンソール。 ログ ( 'デコードされた文字列: ' + デコードされた文字列 ) ;

出力

特別な HTML エンティティを含む文字列のデコードに関連するすべての重要な手順を提供しました。

結論

特別な HTML エンティティを含む文字列をデコードするには、HTML 要素「 テキストエリア ' または

「 parseFromString() 「の方法」 DOMParser ' 物体。