how to dynamically add a class to a paragraph?

Question

1)how to dynamically add a class to a paragraph?

Answer 1

The short answer: document.getElementById("MyElement").className += " MyClass"

The long answer: Change an element's class with JavaScript

Answer 2

Have a look at the .addClass() of jQuery:

$('p').addClass('myClass yourClass');

For Dojo you can use addClass:

dojo.addClass(dijit.byId('myTextBox').domNode, 'myClass');

Answer 3

look at the docs for dojo.addClass (look under "method summary" then click on dojo.addClass)

Example 1 Add a class to some node:

dojo.addClass("someNode", "anewClass");

Example 2 Add two classes at once:

dojo.addClass("someNode", "firstClass secondClass");

Example 3 Add two classes at once (using array):

dojo.addClass("someNode", ["firstClass", "secondClass"]);

Example 4 Available in dojo.NodeList for multiple additions

dojo.query("ul > li").addClass("firstLevel");

Answer 4

in html:

<p id="myparagraph">My paragraph</p>

in javascript:

function ChangeColor() {
var label;
label = document.getElementById("myparagraph");
label.className  = "yourclass";

}

ChangeColor();