1. TOP
  2. プログラミング
  3. JavaScript
  4. JavaScriptリファレンス
  5. textContent -JavaScriptのDOM(ノードおよびテキスト情報)を取得・設定する

textContent -JavaScriptのDOM(ノードおよびテキスト情報)を取得・設定する

textContentの説明

textContentは、DOM要素のノードやテキスト情報を取得したり設定することができます。html要素の中身を変更したり上書きすることができます。

textContentは、HTMLCSSに含まれるタグなどもすべてそのままで取得して返しますので、知覚的な反映はされません。

・textContentプロパティ…テキスト情報を取得や設定する場合に利用

・innerHTML プロパティ…HTMLコードを取得・設定する場合に利用、HTMLタグは知覚的に反映されます。

 

■textContent例

■ソースコード

 

■ブラウザ表示

父の日は何を贈ろうかな!?

<b>やっぱ食べ物が良いね!!</b>

 

 

 

■innerHTMLの場合の例

■ソースコード

 

 

■ブラウザ表示

父の日は何を贈ろうかな!?

やっぱ食べ物が良いね!!