Home/ Questions/Q 667327
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T23:54:57+00:00

I was going through Nicholas Zakas presentation on JavaScript here : http://www.slideshare.net/nzakas/writing-efficient-javascript (slide number:

  • 0

I was going through Nicholas Zakas presentation on JavaScript here : http://www.slideshare.net/nzakas/writing-efficient-javascript (slide number: 89/139)

He recommends using cssText property whenever you are setting a bunch of styles through JavaScript. The best solution is obviously adding those styles to a class and then using JS to add the classname to an element.However, in many situations, We resort to just setting the properties directly within JS when the number of properties are low.

It seems from his presentation that using cssText property would be more efficient in such scenarios.I tried to look up more on the property but couldn’t find much information.

Has anyone used the ‘cssText’ property ? It would be great to have some more technical info on how the property helps.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s a string representation of the inline styles set on an element.

    <head>
<style type="text/css">
 .foo {color: #d0d;}
</style>
</head>
<body>
 <p id="e0" class="foo" style="border:2px solid #654;">foo</p>
</body>

    console.log(document.getElementById('e0')); gives “border: 2px solid rgb(102, 85, 68);” in my setup (which in the inline style and not anything from the class).

    If you are setting many styles on an element, it is good to set them in one go as a string (using this property) to avoid triggering the reflows that can happen when setting certain style properties.

    Links:
    msdn take on cssText
    phpied.com reflow discussion

    • 0