HTML要素の中身を変更するのに活躍するプロパティです。HTML要素とは、一般的にはHTML文書に含まれているタグ名の事を指します。 HTML要素の中身を自由自在に変更できることによって、動的なWebページを作成することが可能です。 もっとJavaScriptを学びたい人は ...

innerHTMLというプロパティを使用すれば、要素の中身を変更できます。 変更後の文字になります！ サンプルコードでは、innerHTMLプロパティを使用してpタグの中身を変更します。 ボタンをクリックすると、pタグ内の文字列が変更されます。 クリック前は ...

しかし、HTML要素の読み取り・書き込みを行う「innerHTML」プロパティには無毒化処理を実施する機能がなく、プログラマーが自分で処理を書く必要があった。 そのため、無毒化処理にどうしても漏れが生じ、XSS脆弱性の温床となってしまっているのが現実だ。

This happens when shadowRoot.innerHTML renders native elements from the one document while rendering custom elements from the current document. This behavior differs between Chrome and other browsers.