diff --git a/js/DOM/DOM.js b/js/DOM/DOM.md similarity index 88% rename from js/DOM/DOM.js rename to js/DOM/DOM.md index 0ccf2d2..b97f1ed 100644 --- a/js/DOM/DOM.js +++ b/js/DOM/DOM.md @@ -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 // коллекция строк таблицы. table.caption // ссылки на элемент table.tHead // ссылки на элемент @@ -31,14 +27,12 @@ tr.sectionRowIndex // номер строки в текущей секци tr.rowIndex // номер строки в таблице (включая все строки таблицы). td.cellIndex // номер ячейки в строке . +``` -/*** - * - * Добавление текста - * - */ + ### Добавление текста +```js document.getElementById('ID').insertAdjacentHTML(where, "HTML текст"). // where - Варианты "куда" вставить @@ -46,3 +40,9 @@ document.getElementById('ID').insertAdjacentHTML(where, "HTML текст" // "afterbegin" – вставить html в начало elem, // "beforeend" – вставить html в конец elem, // "afterend" – вставить html непосредственно после elem. +``` + +### Навигация по элементам +```js +e.target.nextElementSibling // Следующий элемент +```