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

Question

我有这样的对象：

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>

我只会使用indexof，但想了解为什么.contains会返回false？

text.classList.contains('cycleText'); = false // why

还有关于在此节点列表中获取'cycle-*'类名称数量的任何建议吗？

Answer 1

您可以使用css属性选择器实现此目的。 @XmlAccessorType(XmlAccessType.FIELD) @XmlType(name = "Accessory", propOrder = { "value" }) public class Accessory { @XmlValue protected String value; @XmlAttribute(name = "type") @XmlSchemaType(name = "anySimpleType") protected String type; // getters and setters ommitted for brevity. } 表示“以...开头”：

^

Answer 2

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

列表的唯一条目是decode-text。