使用javascript获取具有特定类的元素的所有类

get all the classes of an element with specific class using javascript

本文关键字：元素 javascript 获取 使用      更新时间：2023-09-26

尝试使用JavaScript获取元素的前一个类。

<li class="dynamic_class second_dynamic_class xx "></li>
<li class="dynamic_class second_dynamic_class"></li>

我想把<li>的dymanic_class和class="xx"放入一个var中进行比较。

只允许使用纯JavaScript！

更多详细信息：

<li class='day_1 24.02.2013' data-name='day_1 24.02.2013' >
more code
</li>
<li class='day_2 25.02.2013 today' data-name='day_2 25.02.2013' >
more code
</li>
<li class='day_3 26.02.2013' data-name='day_3 26.02.2013' >
more code
</li>
<li class='day_4 27.02.2013' data-name='day_4 27.02.2013' ></li>

首先，我需要选择<li>今天上课比读"上一篇"<li>类，我需要将class="day_1"获取到一个变量中。

试试这个：

var results = document.getElementById('targetId').className.split(' ');

最后我完成了，代码如下：

我有多个不同类别的元素：

<li class='day_1 24.02.2013' data-name='day_1 24.02.2013' >more code</ li>
<li class='day_2 25.02.2013 ' data-name='day_2 25.02.2013' >more code</ li>
<li class='day_3 26.02.2013 today' data-name='day_3 26.02.2013' >more code</li>
<li class='day_4 27.02.2013' data-name='day_4 27.02.2013' >more code</ li>

我想把<li>元素的第一个类(也有today类(放入一个变量中(只使用javascript代码(，所以我使用了以下代码：

var now=' ';
var demo= document.getElementsByTagName("li");
for (var i = 0; i < demo.length; i++ ) {

if (demo[i].className.indexOf('today')!=-1) {
    if (demo[i].className.indexOf('day_1')!=-1){
        now = 'sunday';
    }else if(demo[i].className.indexOf('day_2')!=-1) {
        now = 'monday';
    }else if(demo[i].className.indexOf('day_3')!=-1) {
        now = 'tuesday';
    }else {
        now = 'wednesday';
    }   
} /* first if - ends here */

} /* for - ends here */

 alert(now);

现在您可以选择<li>的第一类或第二类，类为"today"。

相关文章：