input1=document.createElement(“input”);
input1.setAttribute(“type”, “checkbox”);
input1.setAttribute(“onclick”, “optionListInterest()”);
div.appendChild(input1);
input1.parentNode.innerHTML=input1.parentNode.innerHTML;

Ugly, but worked for me.

When you hit the demo page I did and then click “add” and then “count”, both Safari and Opera show the correct number of elements.

Seems to be IE-only bug

BTW, I also noticed that in IE when you clone an element that has onclick attribute for example, the new element doesn’t raise the onclick event! Not that anyone should use onclick attributes instead of attaching events, but still…

var new_input = document.createElement(‘<input name=”something[]“/>’);

Documented here: http://webbugtrack.blogspot.com/2007/08/bug-242-setattribute-doesnt-always-work.html

In IE6/IE7 you *CANNOT* set the name attribute of a freshly created DOM element. (you’ll find issues with the type attribute too, but not quite the same)

You need to do the following… and yes, it is *VERY* ugly!

var new_input = document.createElement(”);

Of course, this will also blow up in any real browser that supports the DOM, so you’ll need to do some browser sniffing or something to apply this…

PS on the type thing… you can set it, but as soon as you append it to the DOM, its fixed… you can’t change it to a radio, checkbox, password, file,.. etc.