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