IEでname属性を設定する

JavaScript はまり

動的にクリッカブルマップを作りたくて

var mapElm = document.createElement('map');
mapElm.name = 'map-name';

とかやったんだけど、IEだとどうもうまく行かない。FireFoxもSafari(Win/Mac)もOperaも大丈夫なのに。んで、今日その存在を知ったIE用のDOMインスペクタ入れてタグを見てみると、どうもIEではname属性が設定されてないっぽい。

ためしに二行目を

mapElm.setAttribute('name', 'map-name');

とやってみても駄目。

結局、むりやり

var dummy = document.createElement('div');
dummy.innerHTML = '<map name="map-name"></map>';
var mapElm = dummy.childNodes[0];

ってやったら動いたんだけど、解法としては最低な気がする・・・。