how do i add a class to my h1 with javascript? [duplicate]

Question

Possible Duplicate:
How do I add a class to a given element?

I'd like to have JavaScript add a class to my h1 elements automatically.

How would I add JavaScript to replace the h1 element with h1="classs" etc?

Answer 1

First of all, get the element by ID or by TagName. And at second, use .className = "your-class".

Answer 2

Try this:

var h1 = document.getElementsByTagName("h1");

for (i = 0; i < h1.length; i++) {
    h1[i].className += ' classs';
}

Tested on jsFiddle

Answer 3

Using Jquery it's simple. Loop all of the h1 elements adding the classname to it

$(function(){
  $('h1').each(function(){
    $(this).addClass('classname');
  });
});

Or if you want to add a class per specific element ID

  $(function(){
    $('#eleID').addClass('classname');
  });

Answer 4

element.setAttribute("class", classname)

Where classname is the name of the class you want to add and element is your h1 tag.

Answer 5

<h1 id='needsName'>My header</h1>

Javascript code here

document.getElementById("needsName").className = 'the_name_you_want';