redrockjs/frontend-docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update browser section

Browse Source
This commit is contained in:
Valery Grunenko
2025-03-19 13:34:43 +03:00
parent d871b1c375
commit a7548d5e3b
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/browser/02-dom.md
View File

@@ -5,7 +5,7 @@ sidebar_position: 2
# DOM
Источник: DeepSeek
DOM (Document Object Model) — это программный интерфейс для работы с HTML и XML документами. Он представляет структуру документа в виде дерева объектов, где каждый узел соответствует элементу, атрибуту или тексту на странице. DOM позволяет программам (например, JavaScript) динамически изменять содержимое, структуру и стили веб-страницы.
**DOM (Document Object Model)** — это программный интерфейс для работы с HTML и XML документами. Он представляет структуру документа в виде дерева объектов, где каждый узел соответствует элементу, атрибуту или тексту на странице. DOM позволяет программам (например, JavaScript) динамически изменять содержимое, структуру и стили веб-страницы.
**Преимущества DOM:**
- Универсальность: работает с любыми HTML/XML документами.
@@ -21,13 +21,13 @@ DOM (Document Object Model) — это программный интерфейс
- DOM представляет документ в виде иерархического дерева узлов.
- Каждый HTML-элемент, атрибут, текст и даже комментарий — это узел (Node) в этом дереве.
2. **Типы узлов:**
- **Документ (Document):** Корневой узел, представляющий весь документ.
- **Элемент (Element):** HTML-теги (например, `<div>`, `<p>`, `<a>`).
- **Атрибут (Attribute):** Атрибуты элементов (например, `class`, `id`, `href`).
- **Текст (Text):** Текстовое содержимое внутри элементов.
- **Комментарий (Comment):** Комментарии в HTML-коде.
- **Документ (Document):** Корневой узел, представляющий весь документ.
3. **DOM-элементы:**
- Каждый HTML-элемент представлен как объект с свойствами и методами.
- Каждый HTML-элемент представлен как объект со свойствами и методами.
- Например, у элемента `<div>` есть свойства `className`, `id`, `innerHTML` и методы `appendChild()`, `remove()`.
## Как создается DOM: