Javascript子问题

单击缩略图图像时会出现此功能；它使用缩略图的ID获取保存图像和一些文本的div（“item”+f）的ID，然后将其粘贴到“display”div

问题是，我想在每次单击显示div时清除它，以便只显示一个div，但我在使用“appendChild”时遇到了问题（有人告诉我，建议使用innerHTML）。下面我的当前解决方案是尝试获取display div中的内容，并将其附加到隐藏的div中，以便以后可以再次使用，但似乎没有效果

displayimage和removeimage是div，我只是用它们来保存我移动的div。。。这似乎没有道理，但似乎效果更好。如果您发现我的流程有任何错误，或者如何更好地使用“appendChild”，那将非常有用

function thumbclick(clickedimage) {
var f = clickedimage.charAt(clickedimage.length - 1);
displayimage = document.getElementById("item"+f);
removeimage = document.getElementById("display").getElementsByTagName("div")[0];
document.getElementById("galleryimages").appendChild(removeimage);
document.getElementById("display").appendChild(displayimage);
}

我经常会得到“uncaughterror:NOT\u FOUND\u ERR:DOM Exception 8”，这在研究时似乎是因为我没有添加正确类型的元素。。。但我只是在div后面加上div

---

编辑：抱歉没有发布足够的详细信息；评论中的CN Kanode似乎有我的问题，display div一开始是空的，因此没有什么要删除的。谢谢

以下代码应该与您的代码具有相同的效果，只使用jQuery，而jQuery在操作DOM时肯定没有问题：

function thumbclick(clickedimage) {
    var f = clickedimage.charAt(clickedimage.length - 1);
    var removeimage = $('#display div');
    $('#galleryimages').append(removeimage);
    removeimage.remove();
    $('#display div').append($('item'+f));
}​

编辑：您需要在html的

中包含以下内容才能使jQuery正常工作：

<script src="http://code.jquery.com/jquery-latest.js"></script>

哪一行出现错误？能否同时显示HTML结构？根据，这不是

appendChild（）

可以引发的错误。你确定这是错误所在的线路吗？需要更多信息。一种猜测是，如果当前显示div中没有子div，则会出现错误。

displayimage

和

removeimage

是否确实是节点？或者它们是

null

？-1 DOM API在操作DOM时也没有问题。