Как получить доступ к узлу с помощью JS

Для доступа к узлам DOM в JavaScript есть несколько методов:

1. getElementById() - получает элемент по id:

const element = document.getElementById('myId');

2. querySelector() - получает первый элемент, соответствующий CSS-селектору:

const element = document.querySelector('.myClass');

3. querySelectorAll() - получает все элементы по селектору (возвращает NodeList):

const elements = document.querySelectorAll('div');

4. getElementsByClassName() - получает коллекцию элементов по классу:

const elements = document.getElementsByClassName('myClass');

5. getElementsByTagName() - получает коллекцию элементов по тегу:

const divs = document.getElementsByTagName('div');

Для доступа к родительским, дочерним и соседним узлам можно использовать свойства:

• parentNode
• childNodes
• firstChild
• lastChild
• nextSibling
• previousSibling