Как правильней выбирать дочерний элемент?

Question

[Mesuti]

Есть блок обертка:

const wrapperDiv = document.getElementById("wrapper");

Как правильней выбирать дочерний элемент только у этого родителя?

Я сейчас делаю так и не знаю, принято ли это?

const childWrapper = wrapperDiv.querySelector(".child");
// либо 
const childWrapper = wrapperDiv.getElementById("child");

А также верно делаю перебор нескольких дочерних элементов?

wrapperDiv.querySelectorAll(".child").forEach( item => {
// ... code for item
});

Answer 1

[RAX7]

1. как тебе удобней
2. wrapperDiv.querySelectorAll(".child") выберет всех потомков врапера с классом child, т.е. аналогично селектору #wrapper .child. Чтобы выбрать только дочерние придется использовать document.querySelectorAll("#wrapper > .child")

Comments

[Mesuti]

Спасибо!
Очень интересно мнение профессионалов