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

Question

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

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

我需要一些帮助来获得正确的元素 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

您可以select 带有querySelector 的子元素写document.querySelector("#catalog-item .destination")。就在它们之间放一个space。

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

Select child element from parent - Plain Javascript

javascript

element

queryselector