0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p><strong>Если вы только начали изучать JavaScript, возможно, вы слышали о<a>DOM</a>. Но что это такое?</strong></p>
1
<p><strong>Если вы только начали изучать JavaScript, возможно, вы слышали о<a>DOM</a>. Но что это такое?</strong></p>
2
<p>DOM означает объектную модель документа. Это программный интерфейс, который позволяет нам создавать, изменять или удалять элементы из документа. Мы также можем добавлять события к этим элементам, чтобы сделать нашу страницу более динамичной.</p>
2
<p>DOM означает объектную модель документа. Это программный интерфейс, который позволяет нам создавать, изменять или удалять элементы из документа. Мы также можем добавлять события к этим элементам, чтобы сделать нашу страницу более динамичной.</p>
3
<p>Модель DOM рассматривает документ HTML как дерево узлов. Узел представляет собой элемент HTML. Наш документ называется корневым узлом и содержит один дочерний узел, который является элементом. Элемент содержит двое детей, которые являются и элементами. Как и элементы, они имеют своих собственных детей.</p>
3
<p>Модель DOM рассматривает документ HTML как дерево узлов. Узел представляет собой элемент HTML. Наш документ называется корневым узлом и содержит один дочерний узел, который является элементом. Элемент содержит двое детей, которые являются и элементами. Как и элементы, они имеют своих собственных детей.</p>
4
<p><strong>Вот так мы можем визуализировать это дерево узлов.</strong></p>
4
<p><strong>Вот так мы можем визуализировать это дерево узлов.</strong></p>
5
<p>Мы можем получить доступ к этим элементам в документе и внести в них изменения с помощью JavaScript. Давайте рассмотрим несколько примеров того, как мы можем работать с DOM с помощью JavaScript.</p>
5
<p>Мы можем получить доступ к этим элементам в документе и внести в них изменения с помощью JavaScript. Давайте рассмотрим несколько примеров того, как мы можем работать с DOM с помощью JavaScript.</p>
6
<p><strong>Как выбрать элементы в документе</strong></p>
6
<p><strong>Как выбрать элементы в документе</strong></p>
7
<p>Есть несколько различных методов выбора элемента в HTML-документе. Наверное, самыми<strong>часто используемыми</strong>являются:</p>
7
<p>Есть несколько различных методов выбора элемента в HTML-документе. Наверное, самыми<strong>часто используемыми</strong>являются:</p>
8
<p><strong>getElementById()</strong></p>
8
<p><strong>getElementById()</strong></p>
9
<p>В HTML ids используются как уникальные идентификаторы для элементов HTML. Это означает, что id у двух разных элементах не может быть одного и того же имени. В JavaScript мы можем получить HTML-тег, указав его id имя.</p>
9
<p>В HTML ids используются как уникальные идентификаторы для элементов HTML. Это означает, что id у двух разных элементах не может быть одного и того же имени. В JavaScript мы можем получить HTML-тег, указав его id имя.</p>
10
<p><strong>querySelector()</strong></p>
10
<p><strong>querySelector()</strong></p>
11
<p>Вы можете использовать этот метод для поиска элементов с одним селектором CSS.</p>
11
<p>Вы можете использовать этот метод для поиска элементов с одним селектором CSS.</p>
12
<p><strong>querySelectorAll()</strong></p>
12
<p><strong>querySelectorAll()</strong></p>
13
<p>Этот метод находит все элементы, соответствующие селектору CSS, и возвращает список всех этих узлов.</p>
13
<p>Этот метод находит все элементы, соответствующие селектору CSS, и возвращает список всех этих узлов.</p>
14
14