Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: Web
Expertise: Intermediate
Nov 15, 2006

Assign Multiple Styles to an Element Without Burdening Your Browser

It's common to want to assign several styles to an element. Normally, you'd do that this way:

obj.style.position = 'absolute';
obj.style.top = '0px';
obj.style.left = '0px';
... etc ...
However, there's a way to pare this down to a single assignment—saving time, reducing not only the number of assignments the browser needs to perform, but also the number of reflows to one. Here it is:

obj.setAttribute('style','position:absolute;top:0px;left:0px;... etc ...');
Srinath MS
Thanks for your registration, follow us on our social networks to keep up-to-date