Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript测试和计算动态编号的类名_Javascript_Getelementsbyclassname_Classname - Fatal编程技术网

如何使用JavaScript测试和计算动态编号的类名

如何使用JavaScript测试和计算动态编号的类名,javascript,getelementsbyclassname,classname,Javascript,Getelementsbyclassname,Classname,我的目标是这样的: var text = document.getElementsByClassName('decode-text')[0]; 它是一个html元素列表,如下所示: <div class="decode-text"> <div class="cycleText"> <div class="cycle-0"> <div class="text-animation">hey</d

我的目标是这样的:

var text = document.getElementsByClassName('decode-text')[0];
它是一个html元素列表,如下所示:

<div class="decode-text">
    <div class="cycleText">
        <div class="cycle-0"> 
            <div class="text-animation">hey</div>
        </div>
        <div class="cycle-1"> 
            <div class="text-animation">you</div>
        </div>      
        <div class="cycle-2"> 
            <div class="text-animation">guys</div>
        </div>
    </div>
</div>

还有关于获取此节点列表中的“cycle-*”类名数量的建议吗?

您可以使用css属性选择器实现这一点。^means的开头是:

document.querySelectorAll('[class^="cycle-"]');

您可以使用css属性选择器来实现这一点。^means的开头是:

document.querySelectorAll('[class^="cycle-"]');
classList是分配给当前DOM元素的类的列表,不包括其子元素的类

列表中唯一的条目是解码文本。

classList是分配给当前DOM元素的类列表,不包括其子元素的类


列表中唯一的条目是解码文本。

什么是节点列表?它包含什么?哎呀!很抱歉更正了它为false的原因是因为decode text div没有类CycleText。另外,您的标题和问题并不匹配…nodeList是什么?它包含什么?哎呀!很抱歉更正了它为false的原因是因为decode text div没有类CycleText。此外,您的标题和问题实际上不匹配。。。