Основные API
document.getElementById('id');
document.getElementsByClassName('c');
document.getElementsByTagName('div');
document.querySelector('.c > a');
document.querySelectorAll('li');
element.closest('[data-x]');
element.children / firstElementChild / parentElement;
Выбор
- точный CSS-путь →
querySelector(All);
- частый доступ по id →
getElementById (быстро и ясно);
- live-коллекции коварны при мутациях в цикле.
Современный код
Чаще querySelector + closest для делегирования. В компонентах — ref, а не глобальный поиск.