document.getElementsByClassName(' class1')。className + ='等级2&#39 ;;

时间:2014-03-18 19:11:53

标签: javascript getelementbyid getelementsbyclassname

好的,我有1级,我想在这个类1中添加另一个类样式(2级)。

我是怎么做到的?

以及为什么会这样:

document.getElementById("idteste").className += ' HighAsuka';

这不是吗?

document.getElementsByClassName('class1').className += ' class2';

2 个答案:

答案 0 :(得分:1)

正如其他人所指出的,差异是getElementById返回单个元素,而getElementsByClassName产生元素集合。在单个元素上,您可以使用.className,因为它是该元素的属性。

现在回答你的主要问题;为了将class2添加到class1的所有元素,您可以执行此操作:

var elements = document.getElementsByClassName('class1');
for(i = 0; i < elements.length; i++) {
    elements[i].className += ' class2';
}

答案 1 :(得分:0)

getElementsByClassName返回元素列表,您可以从getElementsByClassName中的Elements看到

因此,您需要访问数组元素,然后设置类名

document.getElementsByClassName('class')[0].className