javascript - cloneNode 方法不起作用

Question

我需要更改图片位置(将 1 img 放在 2 img 所在的位置，反之亦然)，为此我尝试将 cloneNode 设置为第二个 img，但相反，它只是给我 [object HTMLImageElement ]，即使它在 console.log 中显示了正确的 html 元素。我的代码有什么问题？

<div id="imgs">
<div id="img1">
<img src='../img/slide_1.jpg' class='slides-adm' id='teste1' onmousemove='drag(this);' />
</div>
<div id="img2">
<img src='../img/slide_2.jpg' class='slides-adm' id='teste2' onmousemove='drag(this);' />
</div>
</div>

JS:

var id = obj.getAttribute('id');
    //console.log(id);

var img = document.getElementById(id);

    img.ondragstart = function(){
        return false;
    };

    function dropImage(e){
        img.removeAttribute('style');

        if(id == 'teste1'){
            img.style.top = e.clientY -300 + 'px';
            img.style.left = e.clientX -290 + 'px';
        }else if(id == 'teste2'){
            img.style.top = e.clientY -300 + 'px';
            img.style.left = e.clientX -540 + 'px';
        }else{
            img.style.top = e.clientY -300 + 'px';
            img.style.left = e.clientX -800 + 'px';
        }

        //console.log(img.style.left);
        if(img.style.left >= '230px' && img.style.left <= '250px'){
            var imgs = document.querySelector("#imgs").children;
            var imgId = document.querySelector("#img1");
            var imgCp = document.querySelector("#teste2");
            //here is my clone
            imgId.innerHTML = imgCp.cloneNode();

        }
    }

    function drop(e){
        dropImage(e);
        document.removeEventListener('mousemove' ,dropImage);
        document.removeEventListener('mouseup', drop);

            img.style.transition = 'all 500ms ease-in';
            img.style.left = '0px';
            img.style.top = '0px';
            imgs.removeAttribute('onmousemove');
    }

    img.addEventListener('mousedown', function(){
        document.addEventListener('mousemove', dropImage);
        document.addEventListener('mouseup', drop);
    });

Answer 1

使用 imgCp.cloneNode().outerHTML 或 imgCp.cloneNode().innerHTML 获取实际的 html 作为字符串。