appendChild在类更改后没有响应-VANILLA Javascript

我找到了这个问题的答案，但大多数答案似乎都基于jQuery。作为练习，我将在jQuery和Javascript中构建一个图像滑块应用程序。我想了解jQuery在幕后做什么，并能够根据项目来决定是否使用它

我的问题是：当我单击“下一步”按钮时，我希望图库向左滑动，prevImg将被删除，currentImg将成为next，依此类推。然后，我将添加一个li元素，该元素具有适当的类nextImg和图像

一切正常，但代码行

nextImg.appendChild（next_ImgPath）

没有追加图像

function slideAnimSetting(direction) {
    counterAction();

    if (direction == 1) {
        establishImgPaths();

        for (var i = 0; i < innerListEl.length; i++) {
            leftPosition = innerListEl[i].offsetLeft;   
            topPosition = innerListEl[i].offsetTop;
            Tween.to(innerListEl[i], 1, {left: leftPosition-700});
        };  // end for  

        prevImg.removeAttribute('class');
        currentImg.className = 'prevImg';
        nextImg.className = 'currentImg';

        listEle = document.createElement('li');
        listEle.className = 'nextImg';

        for (var i = 0; i < innerUlEl.length; i++) {
            innerUlEl[i].appendChild(listEle);
        }; //end for

        nextImg = document.getElementsByClassName('next-img');
        nextImg = nextImg[0];
        nextImg.appendChild(next_ImgPath);

        setImageStyles();
    }
}; // end slideAnimSetting

功能滑块初始设置（方向）{
反作用（）；
如果（方向==1）{
建立imgpaths（）；
对于（变量i=0；i

---

console.log告诉我nextImg未定义。

您给它的类名是

nextImg

，但您正在搜索

下一个img

谢谢。。。哇！很抱歉。