blanks/js/DOM/DOM.md

Работа с DOM

e.target.children  // коллекция детей, которые являются элементами.
e.target.firstElementChild // Получить первый дочерний элемент
e.target.lastElementChild // Получить последний дочерний элемент
e.target.previousElementSibling // Получить предыдущего соседа 
e.target.nextElementSibling // Получить следующего соседа
e.target.parentElement // Получить родителя

Работа с таблицами

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>.

Добавление текста

document.getElementById('ID').insertAdjacentHTML(where, "<b>HTML текст</b>").

// where - Варианты "куда" вставить
// "beforebegin" – вставить html непосредственно перед elem,
// "afterbegin" – вставить html в начало elem,
// "beforeend" – вставить html в конец elem,
// "afterend" – вставить html непосредственно после elem.

Навигация по элементам

e.target.nextElementSibling // Следующий элемент