其他分享
首页 > 其他分享> > 元素JS增删改查类名,报错TypeError: Cannot set properties of null (setting 'className') at window.

元素JS增删改查类名,报错TypeError: Cannot set properties of null (setting 'className') at window.

作者:互联网

在写原生js吸顶效果的时候,使用search.className = "ceiling",添加类名,报以下错误。但效果可以正常执行

 

 

 

 查阅文档,发现是可以存在空格就执行了这句代码 search.className = "ceiling"

 

解决方案:

把 

search.className="ceiling 改为 search.classList.add('ceiling') ,就不会出现报错了
window.onscroll = function () {
        let search = document.querySelector('.dd')
        // 搜索框吸顶
        let scrollTop = document.documentElement.scrollTop
        if(scrollTop > 40){
            // search.className="ceiling" //会报错
            search.classList.add('ceiling')
        }else{
            search.classList.remove('ceiling')
        }
    }

 

标签:className,search,TypeError,classList,ceiling,onscroll,报错,scrollTop
来源: https://www.cnblogs.com/sssong123/p/16587102.html