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 子元素。 只需在它們之間留一個空間。