Обновить js/DOM/DOM.md

This commit is contained in:
2026-01-27 12:13:16 +00:00
parent 946e7e5dae
commit 1d6b0caaff

View File

@@ -1,21 +1,17 @@
/**
*
* Работа с DOM
*
*/
### Работа с DOM
```js
e.target.children // коллекция детей, которые являются элементами.
e.target.firstElementChild // Получить первый дочерний элемент
e.target.lastElementChild // Получить последний дочерний элемент
e.target.previousElementSibling // Получить предыдущего соседа
e.target.nextElementSibling // Получить следующего соседа
e.target.parentElement // Получить родителя
```
/**
*
* Работа с таблицами
*
*/
### Работа с таблицами
```js
table.rows // коллекция строк <tr> таблицы.
table.caption // ссылки на элемент<caption>
table.tHead // ссылки на элемент <thead>
@@ -31,14 +27,12 @@ tr.sectionRowIndex // номер строки <tr> в текущей секци
tr.rowIndex // номер строки <tr> в таблице (включая все строки таблицы).
td.cellIndex // номер ячейки в строке <tr>.
```
/***
*
* Добавление текста
*
*/
### Добавление текста
```js
document.getElementById('ID').insertAdjacentHTML(where, "<b>HTML текст</b>").
// where - Варианты "куда" вставить
@@ -46,3 +40,9 @@ document.getElementById('ID').insertAdjacentHTML(where, "<b>HTML текст</b>"
// "afterbegin" вставить html в начало elem,
// "beforeend" вставить html в конец elem,
// "afterend" вставить html непосредственно после elem.
```
### Навигация по элементам
```js
e.target.nextElementSibling // Следующий элемент
```