未捕获的类型错误：无法读取未定义的属性“包含”

Question

嗨，我喜欢遍历所有包含活动类的“幻灯片”项目，并采用它们的“数据标题文本”属性。我究竟做错了什么？

<div class="slide active"></div>

    var elems = document.getElementsByClassName('slide');

    for (var i = 0, len = elems.length; i < len; i++) {                
        if (elems.classList.contains("active")) {
          myJavascriptFunc
          }
        }

       function myJavascriptFunc() {
         alert(this.getAttribute('data-headertext'));
       }

Answer 1

elems在您的代码中是一个没有属性的节点列表classList。你应该访问classList里面的元素 elems

if (elems[i].classList.contains("active"))

更简单的方法：

并且也可以使用querySelectorAll()给它多个类并使用循环来做到这一点forEach()

const elems = document.querySelectorAll('.slide.active')
elems.forEach(a => console.log(a.getAttribute('data-headertext')))

在这种情况下，您想要获取data属性。所以最好使用HTMLElement.dataset `

const elems = document.querySelectorAll('.slide.active')
elems.forEach(a => console.log(a.dataset.headertext));