& > This element is strong!

See console...

element.innerHTMLは、<strong>のようなelement内のHTMLタグもそのまま返すが、& や > を &amp; や &gt; にエンコードしてしまう。

element.innerTextは、element内のcodeをHTMLとして解釈する。例えば複数のスペースは、一つのスペースになるし、LFは取り除かれる。しかし<strong>のようなHTMLタグはすべて除かれる。

element.textContentは、element内のcodeをTextとして解釈する。例えば複数のスペースは、そのまま複数のスペースとして返されるし、LFはそのまま残る。element.innerTextと同様に、<strong>のようなHTMLタグはすべて除かれる。


ただし、elementが<script>の場合、element.innerHTML、element.innerText、element.textContentはすべて同じ値を返してくる。加えて、script elementは 'text' というattributeもある。 ----------------------------------------------------------------------------- https://webplatform.github.io/docs/dom/HTMLScriptElement/ ----------------------------------------------------------------------------- HTMLScriptElement.text: Legacy. Use textContent instead. When setting, does same as textContent. When getting, gets a concatenated version of all of the child text nodes of a script element. -----------------------------------------------------------------------------