svg要素でもinnerHTMLを使えるようにするpolyfill

最終更新日

主にIE対応に必要。

例えば、上記のコードで #base 以下の要素をまるごと #overlay にコピーしたい場合に innerHTML を使うとらくです。

しかし残念なことに、IE では ver.11 であっても上記コードは動きません。
なぜなら、IE では svg エレメントに innerHTML メソッドが実装されていないためです。

jQuery や d3.js の html メソッドも上記理由から svg 要素に対しては使用することができません。

残念すぎる…

しかし、innersvg-polyfill というポリフィルを使うと IE でも svg 要素の innerHTML が利用できるようになります!
以外と落とし穴になりやすいので D3.js を使うときには一緒に読み込んでおくといいかもしれません。

innersvg-polyfill