Select 来自父级的子元素 - 普通 Javascript

Question

我需要 Javascript 方面的帮助。 我尝试做的是将一个元素移动到另一个元素。

通常我可以使用查询选择器，但在这种情况下我不能，因为 class “目标”有多个元素。 为了得到我想要的结果，我需要 select 首先是父元素“目录项”，然后是子元素“目的地”。

我需要一些帮助来获得正确的元素目录项->目的地

<div id="catalog-item">
    <div class="destination">
    </div>
</div>

<div id="move"></div>

<script type="text/javascript>
var itm = document.getElementById("move");
var cln = itm.cloneNode(true);
itm.remove();
document.getElementById("catalog-item").children(".destination").appendChild(cln);
</script>

谁能帮我？

Answer 1

您可以通过编写document.querySelector("#catalog-item.destination")来使用 querySelector select 子元素。 只需在它们之间留一个空间。