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 ...');
Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

Recent Articles: