如何用javascript向我的h1添加一个类？

Question

  

可能重复：
  How do I add a class to a given element?

我想让JavaScript自动为我的h1元素添加一个类。

如何添加JavaScript以将h1元素替换为h1="classs"等？

Answer 1

首先，按ID或TagName获取元素。第二，使用.className =“your-class”。

Answer 2

试试这个：

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

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

Tested on jsFiddle

Answer 3

element.setAttribute("class", classname)

其中classname是您要添加的课程的名称，而element是您的h1代码。

Answer 4

使用Jquery很简单。循环所有h1元素，为其添加类名

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

或者，如果您想为每个特定元素ID添加一个类

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

Answer 5

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

这里的Javascript代码

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