ansaurus

Question

Why does appendChild only work when I remove the docType

Answer 1

+1 A:

If you're having this problem in IE, it's probably because the presence of a DOCTYPE declaration forces the browser into "standards-compliance" mode. This can cause code that doesn't conform to expected standards to break.

In your case, it's probably because document.createElement doesn't accept an HTML fragment - it accepts an element name, e.g. document.createElement('div').

Try replacing your function body with something like this:

var myElement = document.createElement('div');
myElement.style.width = '600px';
myElement.style.height = '200px';
myElement.style.backgroundColor = 'blue';
myElement.appendChild(document.createTextNode('www.java2s.com'));
document.forms[0].appendChild(myElement);

Read up on the document object model here: https://developer.mozilla.org/en/DOM

Also, jQuery is good for easily creating elements using the syntax you specified.

harto 2010-07-09 03:59:24

`myElement.style` is an object with individual properties for each CSS property, not a string. Assigning each property in turn will work in all browsers: `myElement.style.width = "600px"; myElement.style.height = "200px"; myElement.style.backgroundColor = "blue";`

Tim Down 2010-07-09 08:38:42

ah yeah, thanks - updated.

harto 2010-07-11 06:37:33

ansaurus

tags:

views:

answers:

Why does appendChild only work when I remove the docType

related questions