javascript - input.setAttribute('type', 'checkbox'); IE bug -

This problem only shows in ie.all other browsers, i.e. FF, Chrome, Safari, Opera works well . It shows a value box instead of a chic box ...

Code:

  & lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; & Lt; / Title & gt; & Lt; Style & gt; * {Margin: 0; Padding: 0;} ul {padding: 10px 10px35px; List-style: none; } Li {Display: Inline; Text-weight: bold; Color: # 475D7F; } Li IMG {margin-down: -2%;}  & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Select onchange = "DOM (this, 'Target');" & Gt; & Lt; Option & gt; DOM method & lt; / Options & gt; & Lt; Option & gt; Tax & lt; / Options & gt; & Lt; / Select & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Look at someone for your appreciation ... thanks.

you type type one input Or & lt; Button & gt; Can not change after adding it to the DOM. , So change it by adding before to it, like:

  input.setAttribute ("name", "friend"); Input.setAttribute ("type", "checkbox"); Input.setAttribute ("value", "yap frnd"); Input.setAttribute ("id", "xyz"); Li1.appendChild (input); // need to be after