Home > JavaScript > IEでinput要素をappendChildする際の注意

IEでinput要素をappendChildする際の注意

皆さんご存知でしょうが…。

consoletを作ってるときに遭遇したので一応メモ。
(そういえば、どっかで読んだ気がするなぁ)

IEでは、「createElementしたinput要素」に、「type属性を指定しない」で、「appendChildする」とエラーになります。

文章にするとわかりづらいですねぇ^^;

つまり、

/**
 * ダメ
 */
var input=document.createElement('input');
document.body.appendChild(input); // 怒られる!
input.type='button';
input.value='test';

/**
 * よい
 */
var input=document.createElement('input');
input.type='button';
document.body.appendChild(input); // だいじょぶ!
input.value='test';

ということです。

ブックマークレット作ってる時なんかは特に、
コードを短くしようと思って、

/**
 * これもダメ
 */
var input=document.body.appendChild(document.createElement('input')); // 怒られる!
input.type='button';
input.value='test';

とかやっちゃいがちなので注意!

以上でーす。
結局consoletで3エントリ稼いじゃいました(>_<)

PR

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
Listed below are links to weblogs that reference
IEでinput要素をappendChildする際の注意 from Born Neet

Home > JavaScript > IEでinput要素をappendChildする際の注意

Page Top