49 lines
2.2 KiB
Markdown
49 lines
2.2 KiB
Markdown
|
||
### Работа с 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>
|
||
table.tFoot // ссылки на элемент <tfoot>
|
||
|
||
table.tBodies // коллекция элементов таблицы <tbody> (по спецификации их может быть больше одного).
|
||
// <thead>, <tfoot>, <tbody> предоставляют свойство rows:
|
||
|
||
tbody.rows //– коллекция строк <tr> секции.
|
||
|
||
tr.cells // коллекция <td> и <th> ячеек, находящихся внутри строки <tr>.
|
||
tr.sectionRowIndex // номер строки <tr> в текущей секции <thead>/<tbody>/<tfoot>.
|
||
tr.rowIndex // номер строки <tr> в таблице (включая все строки таблицы).
|
||
|
||
td.cellIndex // номер ячейки в строке <tr>.
|
||
```
|
||
|
||
|
||
### Добавление текста
|
||
|
||
```js
|
||
document.getElementById('ID').insertAdjacentHTML(where, "<b>HTML текст</b>").
|
||
|
||
// where - Варианты "куда" вставить
|
||
// "beforebegin" – вставить html непосредственно перед elem,
|
||
// "afterbegin" – вставить html в начало elem,
|
||
// "beforeend" – вставить html в конец elem,
|
||
// "afterend" – вставить html непосредственно после elem.
|
||
```
|
||
|
||
### Навигация по элементам
|
||
```js
|
||
e.target.nextElementSibling // Следующий элемент
|
||
```
|