Выборка элементов querySelectorAll

[рони]

[].slice.call

создание массива, методом slice из списка элементов (лишнее звено, можно сразу [].forEach.call)

forEach

цикл по созданному массиву

[Nlk]

рони,
Спасибо, скажите а элементы классов .dropdown и .nav-link оказываются в одном массиве?

[Nexus]

Nlk,

document.querySelectorAll('.dropdown .nav-link')

Если вопрос по этой выборке, то "querySelectorAll" вернет коллекцию элементов с классом "nav-link", которые являются детьми для элементов с классом "dropdown".
Родители при таком селекте в коллекцию не попадут.

[Nlk]

Nexus,
Теперь всё ясно, а я голову ломал. Огромнейшее Вам спасибо!

[Nlk]

Выпадающее меню работу которого вы мне сейчас объяснили https://codepen.io/ryanmorr/pen/LVzYmx

[Nlk]

А можно в дальнейшем ещё вопросы в этой ветке задавать, без прямой связи с темой?

В данном отрывке кода не могу понять как метод contains используется? Ведь он призван проверять присутствие класса в элементе!?

container.addEventListener('click', function(e){
    if(isShowingSidebar() && main.contains(e.target)){
        e.preventDefault();
        hideSidebar();
    }
}, true);

[Nexus]

Nlk,
https://learn.javascript.ru/compare-document-position

[Nlk]

Nexus,
Спасибо за ссылку, ознакомился.
Но не могу понять, метод contains необходим для проверки вложенности элементов. А в данном случае используется проверка на событие, так?

[Nexus]

Nlk, нет.

event.target – это исходный элемент, на котором произошло событие, в процессе всплытия он неизменен.

https://learn.javascript.ru/event-bu...�-event-target

[Nlk]

Nexus,
извините за мою тупость, но я не понимаю что в данной строке кода происходит? Что e.target событие понятно.

main.contains(e.target)