69674 - Unable to set attributes before calling appendChild

Status: VERIFIED DUPLICATE of bug 60683

(Core :: DOM: CSS Object Model, defect)

Description

[Chris Brien]

From Bugzilla Helper:
User-Agent: Mozilla/4.0 (compatible; MSIE 5.5; Windows NT 4.0)
BuildID:    2001022020

When using document.createElement, it is not possible to set css attributes for 
a newly created element until it is appended with appendChild.

Reproducible: Always
Steps to Reproduce:
Create an html page with a script similar to the following:

function createImages(){
	//Create an image
	firstElement = document.createElement("img");
	firstElement.src = "http://mozilla.org/images/mozilla-banner.gif";
	//append it BEFORE setting attributes
	document.body.appendChild(firstElement);
	firstElement.style.position = "absolute";
	firstElement.style.left = 100;
	firstElement.style.top  = 200;


	//Create another image
	secondElement = document.createElement("img");
	secondElement.src = "http://mozilla.org/images/mozilla-banner.gif";
	secondElement.style.position = "absolute";
	secondElement.style.left = 100;
	secondElement.style.top  = 300;
	//append it AFTER setting attributes
	document.body.appendChild(secondElement);
}

Actual Results:  The first element is added and its position is set correctly.
The second element appears with none of its attributes (except src) set.

Expected Results:  Both images appear one above the other in the example

Works in IE

Comment 1

[Chris Brien]

Attachment: shows attributes not being set until appendChild is called

Comment 2

[Hixie (not reading bugmail)]

Taking QA Contact on all open or unverified DOM Style bugs...

Comment 3

[Fabian Guisset]

dup of bug 60683. Going to attach the testcase to that bug. Thanks for providing it!

*** This bug has been marked as a duplicate of 60683 ***

Comment 4

[Boris Zbarsky [:bzbarsky]]

verified duplicate.