JavaScriptで文字列からHTMLタグを除去する

JavaScriptで文字列からHTMLタグを除去する際、正規表現を使用しない方法を試してみます。

サンプルコード

/**
 * 文字列からHTMLタグを除去する
 * @param {string} text - HTMLタグを除去する文字列
 * @return {string} HTMLタグ除去後の文字列
 */
const remove_html = text => {
  const element = document.createElement('div');
  element.innerHTML = text;
  return element.textContent;
}

const str = '<div>テスト<br><span class="em">テスト</span></div>';
console.log(remove_html(str));

適当な要素に文字列を追加して、テキスト部分のみ取得しています。
HTMLタグを除去するデモページ

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年4月
 123456
78910111213
14151617181920
21222324252627
282930