devxlogo

Assign Multiple Styles to an Element Without Burdening Your Browser

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 ...');

devx-admin

Share the Post: