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

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?

been asked my times before. check [add class to element][1] [1]: http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript — au_stan, Jan 24 '12 at 15:44

score 3 · Answer 1 · answered Jan 24 '12 at 15:43

3

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

answered Jan 24 '12 at 15:43

Wouter J

score 1 · Answer 2 · answered Jan 24 '12 at 15:44

1

Try this:

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

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

answered Jan 24 '12 at 15:44

Ben Everard

1

That won't work. `getElementsByTagName` returns a `NodeList`, not a single element. You have to iterate over the list. – Felix Kling Jan 24 '12 at 15:45
Ah, cheers Felix.... jQuery spaz over here ;-) – Ben Everard Jan 24 '12 at 15:47

score 0 · Answer 3 · answered Jan 24 '12 at 15:44

0

element.setAttribute("class", classname)

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

answered Jan 24 '12 at 15:44

Jivings

Pastor Bones · Accepted Answer · 2012-01-24T15:45:57.857

0

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');
  });

edited Jan 24 '12 at 15:45

answered Jan 24 '12 at 15:44

Pastor Bones

score 0 · Answer 5 · answered Jan 24 '12 at 15:46

0

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

Javascript code here

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

answered Jan 24 '12 at 15:46

Chibuzo

5 Answers5