element.textContent テキスト内容の取得/設定

最終更新:2026-10-13

element.textContent テキスト内容の取得/設定

textContent は要素の純粋なテキスト内容を取得または設定します。innerHTML より安全で高速です。

カテゴリDOM操作

戻り値:純粋なテキスト内容。

元の値を変更するか:はい(その場で変更)

▶ 例

コードを編集して「実行」を押すと、出力パネルに結果が表示されます。

💡 ヒント
ℹ️ info

🌐 ブラウザ対応

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
element.textContent ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
すべてのモダンブラウザで対応
さらに多くのケースは近日公開予定です。

📚 関連チュートリアル

❓ よくある質問

QtextContent と innerText の違いは?
AtextContent は非表示のテキストも含みます。innerText は表示される描画に合わせます。
QtextContent は HTML をパースしますか?
Aいいえ — 内容はプレーンテキストとして扱われます。
QtextContent か innerHTML か?
AtextContent は高速です — HTML のパースがありません。
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%