スキルアップを始める!

.textContentと.innerHTMLの違いについて(JavaScript)

JavaScript(ジャバスクリプト)
この記事は約1分で読めます。

※記事中に広告情報を含みます。

\ワードプレスのスキルアップはこちら!/ WordPress入門読本

JavaScriptでテキストを出力する.textContentと.innerHTMLの2つの違いについて。

.textContent

.textContentは、文字をそのまま出力します。

HTMLがテキストとしてそのまま出力されました。

.innerHTML

.innerHTMLの場合、HTMLタグが入っているとHTMLと認識して変換されます。

HTMLタグの部分はHTMLと認識されてHTMLタグに変換されました!

まとめ

textContent=HTMLタグも文字としてそのまま出力

innerHTML=HTMLタグがあった場合はHTMLタグとして出力

このような違いがあるようです。

URLをコピーしました!