Javascript - 未捕获的类型错误：无法读取 null 的属性“classList”

Question

如何检查我点击的元素是否有类列表？

let dropdown  = target.nextElementSibling.classList.contains('form__select-dropdown')

当我单击的元素没有附加类时，我的代码在此行出错。

这完全有道理。

但是，如果 nextElementSibling 具有类 form__select-dropdown，我只想运行以下代码：

        if (!selectTag && dropdown) {
            target.querySelector('.form__select-dropdown').classList.remove('active')
        } else {
            target.nextElementSibling.classList.toggle('active')
        }

所以我需要在执行条件以避免错误之前检查 target.nextElementSibling.classList 是否存在，但我不确定如何执行此操作？

Answer 1

您的问题是target 并不总是有nextElementSibling；你应该在继续之前检查它是否是null。

let next = target.nextElementSibling
let dropdown = next && next.classList.contains('form__select-dropdown')

---

稍后在您的代码中：

    if (!selectTag && dropdown) {
        target.querySelector('.form__select-dropdown').classList.remove('active')
    } else {
        next && next.classList.toggle('active')
    }