textContent, innerText, innerHTML の違い (2020年確認版) - Qiita

更新情報 ▼ 2020/05/18 内容を再度検証して更新しました。 新たに Safari と Edge を追加しました。 はじめに JSからHTMLを書き換える際に、 DOM.textContent DOM.innerText DOM.innerHTML などを使って書き換えますが、この3つの違いって何だろう...? となったので実際にコンソールで試して違いを確認しました。この記事はそのメモです。 なぜ調べたのか 今どきググればすぐ出てくるはず！！ とか思っていたのですが、どうも書いてあることが記事によってバラバラで困りました。 一番多い違いの理由として 対応ブラウザ※ が挙げられていたのですが、どうやらそれは2020年では古い情報が多い気がしました。 はっきりする他の理由がググっても出てこなかったので自分で調べちゃえ！ってノリです ※ IEだと textContent が使えない /