Question

I have a simple html snippet that I add to the document during runtime. I am using jQuery’s selectors but that should irrelevant to the issue I am facing.

When using:
$(“#elementID”).html()

The code is displayed but with no CSS applied. The behaviour make sense since the CSS has already been loaded and applied.

My questions are:
– Is there away to “refresh” a DOM element in order to re-apply CSS on it after its html content has been changed?
– or is there a way to apply CSS on the code I have in the JavaScript before adding it to the DOM element?

I am aware of various JS\html templates library but at this stage I am trying to minimize the dependency on extra libraries, specially since that the snippets I am generating\injecting are very simple and I dont mind them staying in the JS code

Jamil

Answer 1

You are wrong. CSS is applied all the time (during runtime) – look at this jsFiddle example. You messed up with something else.