Webサイトに動きをつけるJavaScript。 その中でも、画面の文字やHTMLを動的に書き換えるのに便利なのが innerHTML というプロパティです。 しかし、この innerHTML、使い方を一歩間違えると、あなたのサイトがサイバー攻撃の標的になってしまう危険性を秘めている ...
しかし、HTML要素の読み取り・書き込みを行う「innerHTML」プロパティには無毒化処理を実施する機能がなく、プログラマーが自分で処理を書く必要があった。 そのため、無毒化処理にどうしても漏れが生じ、XSS脆弱性の温床となってしまっているのが現実だ。
完全なソースコード、キャンペーンバナーの動的書き換えデモ、および textContent との違いについての詳細な解説は、以下のブログ記事にて公開しています。 【JavaScript】innerHTMLによるHTML構造の動的取得と更新 JavaScriptで画面の文字を変更する際、textContent は ...