变换在Javascript中不起作用

Question

当页面启动时，这是我的代码。

    var x = document.getElementById('mainNav').getElementsByTagName("LI");
    var delay = 0;
    var transition = 0.3;
        for (i=0; i<=x.length; i++){
            x[i].style.WebkitTransfrom = "translate3d(250px,0,0)";
            x[i].style.transition = "-WebkitTransform " +transition + "s " + delay +"s";
            //x[i].innerHTML = "changed";
            delay += 0.04;
        }

单击按钮时，这是我的代码。

var x = document.getElementById('mainNav').getElementsByTagName("LI");
            var delay = 0;
            var transition = 0;
                for (i=0; i<=x.length; i++){
                    x[i].style.WebkitTransform = "translate3d(0px,0,0)";
                    x[i].style.transition = "-WebkitTransform " +transition + "s " + delay +"s";
                    delay += 0.02;
                    transition += 0.04; // The higher the number, the slower of exponential decay
                    if (x[i].querySelectorAll('ul li').length>0){
                        x[i].style.background = "rgba(0,0,0,0.35)";
                        }
                    //x[i].innerHTML = "changed";
                }

当我点击另一个按钮时，它会在启动时经过相同的代码。 AKA关闭它。

它曾经工作，但现在它没有。发生的事情是我告诉这些函数调用其他人简化代码（不会以任何方式影响这些）。我不确定它为什么不起作用。

是否存在某些语法错误？

Answer 1

这是一个错误。

x.length-1;