从父元素中选择子元素 - 纯 Javascript

Question

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

通常我可以使用查询选择器，但在这种情况下我不能，因为有多个具有“目标”类的元素。为了得到我想要的结果，我需要先选择父元素“catalog-item”，然后选择子元素“destination”。

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

<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 选择子元素。只需在它们之间留一个空格即可。