Question

I’m creating a span in my web page with dojo.create, and need to apply CSS to it. I can see how to apply a style to it in the dojo reference, but I’d rather apply it via the external stylesheet (there’s quite a few attributes I need to set and I’d rather not do it inline).

So given the example code below, how would I apply the CSS for the printSpan class?

var node = dojo.create("span", {innerHTML:_text, id:"printSpan", class:"printSpan"}, map);

Answer 1

You can write this in your external stylesheet:

.printSpan { color: red; }

This is called the class selector.

By the way, your code should be:

{ innerHTML : _text, id : "printSpan", "class" : "printSpan" }

Notice the colon was inside the "class" string, though it should be outside and printSpan is a different string.