美文网首页
JS代码报错:Uncaught TypeError: Canno

JS代码报错:Uncaught TypeError: Canno

作者: 似朝朝我心 | 来源:发表于2020-09-10 07:33 被阅读0次
            var next = document.querySelector(".arrow_right");
            var prev = document.querySelector(".arrow_left");
            next.onclick = function () {
                next_pic();  //前进
            }
            prev.onclick = function () {
                prev_pic();  //后退
            }
    function next_pic () {
                var newLeft = parseInt(wrap.style.left)-600;
                wrap.style.left = newLeft + "px";
            }
    function prev_pic () {
                var newLeft = parseInt(wrap.style.left)+600;
                wrap.style.left = newLeft + "px";
            }
    

    这是因为浏览器在获取到服务器返回的代码时是按照自上而下的顺序机制执行的,所以如果html的dom树还没有完全生成,你执行js的时候,就会出现无法读取到某些元素的情况,所以会报错。

    我的方法是用window.onload=function(){ 把代码写到这里面来 } ,换个说法就是将代码包裹起来。


    看红色框框

    这样代码报错就解决了。记得点赞哦 !

    相关文章

      网友评论

          本文标题:JS代码报错:Uncaught TypeError: Canno

          本文链接:https://www.haomeiwen.com/subject/kpbyektx.html