如何克隆圖像但刪除最后一個孩子？

Question

我想將leftSide div的圖像克隆到rightSide div。 但是我確實必須刪除leftSide div元素的最后一個孩子。 在頁面加載時，我的leftSide div應該有5張面孔，而rightSide div應該有4張圖片。 我怎樣才能達到這個結果？ 如果我嘗試從rightSide div中刪除lastChild，則面孔將從div中消失。 我想用javascrip做到這一點。

這是我的代碼：

    function generateFaces(){
        var theLeftSide = document.getElementById("leftSide");  
        var width = 500, height = 500;
        var top_position = 0, left_position = 0,
        numberOfFaces = 5;
            for (var i = 0; i < 5; i++) {
            createElement(i);   
            numberOfFaces += 5;
        }
        var theRightSide = document.getElementById("rightSide");
        leftSideImages = theLeftSide.cloneNode(true);
        document.getElementById("rightSide").appendChild(leftSideImages);
        theRightSide.removeChild(theRightSide.lastChild);
        function createElement() {
            var image = document.createElement('img');
            image.src = "smile.png";
            image.style.position = 'absolute';
            image.style.top = top_position + "px";
            image.style.left = left_position + "px";
            theLeftSide.appendChild(image);
            top_position = Math.random() *   400 ;
            left_position = Math.random() *  400 ;  
        }
    };

Answer 1

而是刪除leftSideImages的最后一個子leftSideImages ，即圖像所在的位置。 theRightSide最后一個孩子是leftSideImages ，其中包含所有圖像。

leftSideImages.removeChild(leftSideImages.lastChild);