input.setAttribute (‘type’, ‘checkbox’); IE bug

Este problema solo se muestra en, por ejemplo, todos los demás navegadores, es decir, ff, cromo, safari, ópera, funcionan bien. No muestra chcekbox en su lugar muestra un cuadro de valor …

código:

    *{margin:0;padding:0;} ul { padding:10px 10px 0 35px; list-style:none; } li{ display:inline; text-weight:bold; color:#475D7F; } li img{margin-bottom:-2%;}   <!-- function DOM(obj,id){ var total=10; var coll=3; var row=total/coll; var tar=document.getElementById(id); var table=document.createElement('TABLE'); table.border='0'; tar.appendChild(table); var tbdy=document.createElement('TBODY'); table.appendChild(tbdy); for (var zx1=0;zx1<=row;zx1++){ var tr=document.createElement('TR'); tbdy.appendChild(tr); for (var zx2=0;zx2     DOM Method do    

deseo que alguien lo mire .. gracias por su agradecimiento.

No puede cambiar el atributo de type de un o después de agregarlo al DOM en IE, así que cámbielo antes de anexarlo, así:

 input.setAttribute("name", "friend"); input.setAttribute("type", "checkbox"); input.setAttribute("value", "yap frnd"); input.setAttribute("id", "xyz"); li1.appendChild(input); //this needs to happen after 

tratar:

 input.setAttribute('type', 'checkbox'); ^ 

Observe la t minúscula.

Como IE no admite un cambio en un tipo de entrada una vez que se ha asignado , debe asignar el tipo antes de agregarlo al DOM.