Internet Explorerでサポートしていない要素にCSSを適用させる方法。要するにdocument.createElement( element )すればいいらしい。
んで、いちいち要素毎にdocument.createElement書いてたら面倒なだけなので、こんなコード書いてみた。配列に要素名書いてくだけで簡単に適応できる。
/* thie code is public domain */
(function ( elms ) {
for ( var i = 0, len = elms.length; i < len; i++ ) {
document.createElement( elms[i] );
}
})(
['eleA', 'elmB']
);
あとこのtipsだけどabbr要素みたいに(X)HTMLに入ってるのに何故かIEがサポートしてない要素でも効果があるみたい。ちょっと試したらちゃんと適用された。
まあこのスクリプトはIE以外では不要だから、IEの条件コメント使ってIEだけに読み込ましてやるとよさげ。