Javascript-未捕获的TypeError:无法读取null的属性“ classList”

马克斯·林恩

如何检查我单击的元素是否具有班级列表?

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是否存在,但不确定如何执行此操作?

回旋

您的问题是,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')
    }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

未捕获的TypeError:无法读取null的属性“ classList”

来自分类Dev

未捕获的TypeError:无法读取null的属性“ classList”

来自分类Dev

未捕获的 TypeError 无法读取 null 的属性“classlist”

来自分类Dev

使用 Javascript 在网页中吐司 - 未捕获的类型错误:无法在 showSnackbarMessage 处读取 null 的属性“classList”

来自分类Dev

JavaScript / jQuery“未捕获的TypeError” classList

来自分类Dev

JavaScript / jQuery“未捕获的TypeError” classList

来自分类Dev

为什么会出现错误“未捕获的TypeError:无法读取null的属性'classList'”?

来自分类Dev

卡在此错误:未捕获的TypeError:无法读取HTMLDivElement上的null属性'classList'。<anonymous>

来自分类Dev

未捕获的TypeError:无法在HTMLSpanElement.expand读取null的属性“ classList”

来自分类Dev

Javascript classList无法正常工作

来自分类Dev

Javascript,getElementById和样式不起作用:未捕获的TypeError:无法读取null的属性“样式”

来自分类Dev

JavaScript数组-未捕获的TypeError:无法读取属性'length'

来自分类Dev

JavaScript数组-未捕获的TypeError:无法读取属性'length'

来自分类Dev

无法读取null的属性“ classList” JS

来自分类Dev

错误:无法读取null的属性“ classList”(角度)

来自分类Dev

classList的JavaScript问题

来自分类Dev

TypeError:无法读取未定义的属性“ classList”

来自分类Dev

JavaScript-未捕获的TypeError:无法读取未定义的属性“搜索”

来自分类Dev

Javascript,未捕获的TypeError:无法读取未定义的属性“单元格”

来自分类Dev

javascript:未捕获的TypeError:无法读取未定义的属性“ Play”

来自分类Dev

Parse.com未捕获的TypeError:无法读取未定义JavaScript的属性'className'

来自分类Dev

JavaScript-未捕获的TypeError:无法读取未定义的属性“搜索”

来自分类Dev

javascript“未捕获的TypeError:无法读取未定义的属性'textfield'”

来自分类Dev

Javascript:简单函数-未捕获的TypeError:无法读取未定义的属性“ length”

来自分类Dev

phaser.js,javascript,未捕获的TypeError:无法读取未定义的属性“ forEach”

来自分类Dev

Javascript Handsontable-未捕获的TypeError:无法读取未定义的属性'insertBefore'

来自分类Dev

Vue.js:无法读取 null 的属性“classList”

来自分类Dev

javascript 未读取输入值 -Uncaught TypeError: 无法读取 null 的属性“值”

来自分类Dev

未捕获的TypeError:无法读取null的属性“样式”。在同一页面中使用两个Javascript函数

Related 相关文章

  1. 1

    未捕获的TypeError:无法读取null的属性“ classList”

  2. 2

    未捕获的TypeError:无法读取null的属性“ classList”

  3. 3

    未捕获的 TypeError 无法读取 null 的属性“classlist”

  4. 4

    使用 Javascript 在网页中吐司 - 未捕获的类型错误:无法在 showSnackbarMessage 处读取 null 的属性“classList”

  5. 5

    JavaScript / jQuery“未捕获的TypeError” classList

  6. 6

    JavaScript / jQuery“未捕获的TypeError” classList

  7. 7

    为什么会出现错误“未捕获的TypeError:无法读取null的属性'classList'”?

  8. 8

    卡在此错误:未捕获的TypeError:无法读取HTMLDivElement上的null属性'classList'。<anonymous>

  9. 9

    未捕获的TypeError:无法在HTMLSpanElement.expand读取null的属性“ classList”

  10. 10

    Javascript classList无法正常工作

  11. 11

    Javascript,getElementById和样式不起作用:未捕获的TypeError:无法读取null的属性“样式”

  12. 12

    JavaScript数组-未捕获的TypeError:无法读取属性'length'

  13. 13

    JavaScript数组-未捕获的TypeError:无法读取属性'length'

  14. 14

    无法读取null的属性“ classList” JS

  15. 15

    错误:无法读取null的属性“ classList”(角度)

  16. 16

    classList的JavaScript问题

  17. 17

    TypeError:无法读取未定义的属性“ classList”

  18. 18

    JavaScript-未捕获的TypeError:无法读取未定义的属性“搜索”

  19. 19

    Javascript,未捕获的TypeError:无法读取未定义的属性“单元格”

  20. 20

    javascript:未捕获的TypeError:无法读取未定义的属性“ Play”

  21. 21

    Parse.com未捕获的TypeError:无法读取未定义JavaScript的属性'className'

  22. 22

    JavaScript-未捕获的TypeError:无法读取未定义的属性“搜索”

  23. 23

    javascript“未捕获的TypeError:无法读取未定义的属性'textfield'”

  24. 24

    Javascript:简单函数-未捕获的TypeError:无法读取未定义的属性“ length”

  25. 25

    phaser.js,javascript,未捕获的TypeError:无法读取未定义的属性“ forEach”

  26. 26

    Javascript Handsontable-未捕获的TypeError:无法读取未定义的属性'insertBefore'

  27. 27

    Vue.js:无法读取 null 的属性“classList”

  28. 28

    javascript 未读取输入值 -Uncaught TypeError: 无法读取 null 的属性“值”

  29. 29

    未捕获的TypeError:无法读取null的属性“样式”。在同一页面中使用两个Javascript函数

热门标签

归档