Обновить js/DOM/DOM.md
This commit is contained in:
@@ -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 // Следующий элемент
|
||||
```
|
||||
Reference in New Issue
Block a user