Если я получаю доступ к Div в JavaScript, используя QuerySelector, который содержит заголовок, кнопки текста, кнопки. Do ⇐ Javascript

[Anonymous]

/* HTML */

New Note

Create Note
Close

/* CSS*/

.create-note {
width: 441px;
height: 316px;
border: 1px solid #ccc;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
border-radius: 10px;
position: absolute;
top: 22%;
left: 34%;
display: none;
}

/* JavaScript */

let add_btn = document.querySelector('.add');
let container = document.querySelector('.container');
let createNote = document.querySelector('.create-note');
let close = document.querySelector('.close-btn');
add_btn.addEventListener('click', () => {
createNote.style.display = 'block';
})
< /code>
Свойство дисплея CreateNote установлено на NONE, когда я устанавливаю дисплей CreateNote для блокировки с использованием JavaScript, как он отображает все элементы HTML внутри него, когда я выбрал только Div
Мой вопрос: когда мы выбираем элемент уровня блока HTML или элемент контейнера, используя QuerySelector, GetElementById и т. Д., Как он содержит все детские элементы? < /P>

Подробнее здесь: https://stackoverflow.com/questions/794 ... ading-text