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

js/DOM/DOM.md

@@ -0,0 +1,48 @@
+
+### Работа с 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 // Следующий элемент
+```