【JavaScript】innerHTML/textContent/innerText

見返してみたら、課題1にinnerHTMLを使用しているんだけど、textContentのがよかった気がすると今更思った。

違いってなんだっけね、と少し調べた。

これがわかりやすそうで、結果は下記。

①innerHTMLはタグを含んだ文字列を返す。HTMLを返す。
コードそのまま。

②textContentは文字列だけを返す。改行は認識されない。

③innerTextはブラウザの見た目そのままを返してくる。

今回の課題では実際に試した結果は全部同じ結果となった。のでapproveもらえたと思うのですが、li要素にテキストを入れるという考え方でいくとtextContentなのかなあ。

今更小さいことが気になる。やってた時は何も考えてなかった。

c.sakyou