Node - узел дом дерева документа

class Node
ELEMENT_NODE
ATTRIBUTE_NODE
TEXT_NODE
CDATA_SECTION_NODE
ENTITY_REFERENCE_NODE
ENTITY_NODE
PROCESSING_INSTRUCTION_NODE
COMMENT_NODE
DOCUMENT_NODE

Узел - документ

DOCUMENT_TYPE_NODE
DOCUMENT_FRAGMENT_NODE
NOTATION_NODE
attributes

список атрибутов данного узла

baseURI

Определяет базовый URL-адрес для данного объекта, который будет использоваться при разрешении относительных URL-адре­сов.

Для всех узлов в HTML-документах этот URL-адрес определяется элементом <base> или свойством Document.URL, из значения которого исключается идентификатор фрагмента.

children

Коллекция, дочерних элементов узла, без текстовых

childNodes

Коллекция, NodeList, дочерних узлов узла, включая текстовые.

firstChild

Первый дочерний элемент Node данного узла

lastChild

Последний дочерний элемент Node данного узла

nextSibling

Возвращает соседний узел справа, Node

nodeName

имя узла

nodeType

Тип узла в виде числа

nodeValue

значение узла

ownerDocument

Ссылка на корневой узел Document

parentElement

Возвращает родительский элемент, Element

parentNode

Возвращает родительский узел, Node

previousSibling

Возвращает соседний узел слева, Node

textContent

текстовое содержимое узла и его наследников

appendChild(node)

Добавляет узел Node узлу.

Привязывает новый узел к дереву, ставя его последним в списке дочерних узлов данного узла

cloneNode(deep)

Создает и возвращает копию узла Node, для которого он вызван.

compareDocumentPosition(Node other)

Срав­ни­ва­ет по­зи­цию дан­но­го уз­ла в до­ку­мен­те с по­зи­ци­ей уз­ла other и воз­вра­ща­ет чис­ло, би­ты ко­то­ро­го опи­сы­ва­ют от­но­ше­ния ме­ж­ду уз­ла­ми. Ес­ли срав­ни­вае­мые уз­лы яв­ля­ют­ся од­ним и тем же уз­лом, все би­ты в ре­зуль­та­те бу­дут сбро­ше­ны, т. е. ме­тод вер­нет 0. Ина­че в воз­вра­щае­мом зна­че­нии бу­дет ус­та­нов­лен один или бо­лее би­тов.

  • Node.DISCONNECTED = 0x01, Два уз­ла при­над­ле­жат раз­ным до­ку­мен­том, по­это­му их по­зи­ции не мо­гут срав­ни­вать­ся.
  • Node.PRECEDING = 0x02, Узел other рас­по­ла­га­ет­ся пе­ред дан­ным уз­лом.
  • Node.FOLLOWING = 0x04, Узел other рас­по­ла­га­ет­ся по­сле дан­но­го уз­ла.
  • Node.CONTAINS = 0x08, Узел other со­дер­жит дан­ный узел. Ко­гда ус­та­нов­лен этот бит, все­гда бу­дет ус­та­нов­лен бит PRECEDING.
  • Node.CONTAINED_BY = 0x10, Узел other со­дер­жит­ся внут­ри дан­но­го уз­ла. Ко­гда ус­та­нов­лен этот бит, все­гда бу­дет ус­та­нов­лен бит FOLLOWING.
hasChildNodes()

возвращает значение true , если узел имеет хотя бы один дочерний узел

insertBefore(newNode, refNode)

Вставляет новый узел newNode, Node, перед существующим узлом refNode Node

isDefaultNamespace(string namespace)

Воз­вра­ща­ет true, ес­ли URL-ад­рес про­стран­ст­ва имен namespace сов­па­да­ет с URL-ад­ре­сом про­стран­ст­ва имен по умол­ча­нию, ко­то­рый воз­вра­ща­ет вы­зов lookupName­spaceURI(null), и false – в про­тив­ном слу­чае.

isEqualNode(Node other)

Воз­вра­ща­ет true, ес­ли дан­ный узел и узел other яв­ля­ют­ся иден­тич­ны­ми, т. е. име­ют один и тот же тип, имя те­га, ат­ри­бу­ты и (ре­кур­сив­но) до­чер­ние уз­лы. Воз­вра­ща­ет false, ес­ли два уз­ла не яв­ля­ют­ся эк­ви­ва­лент­ны­ми.

isSameNode(Node other)

Воз­вра­ща­ет true, ес­ли дан­ный узел и узел other яв­ля­ют­ся од­ним и тем же уз­лом, и false – в про­тив­ном слу­чае. Вме­сто это­го ме­то­да мож­но так­же про­сто ис­поль­зо­вать опе­ра­тор ==.

lookupNamespaceURI(string prefix)

Воз­вра­ща­ет URL-ад­рес про­стран­ст­ва имен, свя­зан­но­го с ука­зан­ным пре­фик­сом про­стран­ст­ва имен prefix, или null, ес­ли та­кой пре­фикс не оп­ре­де­лен. Ес­ли ар­гу­мент prefix име­ет зна­че­ние null, воз­вра­ща­ет URL-ад­рес про­стран­ст­ва имен по умол­ча­нию.

lookupPrefix(string namespace)

Воз­вра­ща­ет пре­фикс про­стран­ст­ва имен, свя­зан­но­го с ука­зан­ным URL-ад­ре­сом про­стран­ст­ва имен, или null, ес­ли та­кое про­стран­ст­во имен не оп­ре­де­ле­но.

normalize()

Нор­ма­ли­зу­ет все уз­лы, яв­ляю­щие­ся по­том­ка­ми дан­но­го, объ­еди­няя смеж­ные уз­лы и уда­ляя пус­тые. Обыч­но до­ку­мен­ты не име­ют пус­тых или смеж­ных тек­сто­вых уз­лов, но они мо­гут по­явить­ся в ре­зуль­та­те до­бав­ле­ния и уда­ле­ния уз­лов сце­на­ри­ем.

querySelector(selector:string)

Возвращает первый элемент Element, соответствующий CSS-селекторам selectors (это может быть единственный CSS-селектор или группа селекторов, разделенных запятыми).

var logo = document.body.querySelector('.logo');
logo;
// <img ...>
querySelectorAll(string selectors)

Возвращает массив NodeList, содержащий все элементы Element в данном документе, соответствующие селекторам selectors (это может быть единственный CSS-селектор или группа селекторов, разделенных запятыми).

Warning

В отличие от объектов NodeList, возвращаемых методом getElementsByTagName() и аналогичными ему, объект NodeList, возвращаемый этим методом, является статическим и содержит элементы, соответствующие селекторам, существовавшие на момент вызова метода.

removeChild(node)

Удаляет указанный узел Node из узла

replaceChild(newNode, oldNode)

Заменяет старый узел oldNode Node, новым узлом newNode Node

action

form

checked

input

cols

textarea

currentStyle

Текущие CSS стили для IE

data

Текст узла

dataset

Датасет

<input ... data-val="1" data-val-msg="123" />

var value = elem.dataset.val,
    message = elem.dataset.valMsg;
defaultChecked

input

defaultselected

option

defaultValue

input, textarea

disabled

textarea, select, option

elements

form

enctype

form

form

ссылка на форму, в которой находится элемент

input, textarea, select, option

index

option

innerHTML

HTML Содержание узла

label

option

length

form, select

maxLength

input

method

form

multiple

select

name

имя элемента управления

form, name, select

onabort

Обработчик, прерывание загрузки изображения

img

onblur

Обработчик, элемент теряет фокус

button, input, label, select, textarea, body

onchange

Обработчик, элемент потерял фокус и его значение с момента получения фокуса изменилось

input, select, textarea

onclick

Обработчик, нажата или отпущена клавиша мыши

oncontextmenu

Отображается контекстоное меню

ondblclick

Обработчик, двойной щелчок

ondrag

бук­си­ров­ка про­дол­жа­ет­ся (воз­бу­ж­да­ет­ся в эле­мен­те-ис­точ­ни­ке)

ondragend

бук­си­ров­ка за­вер­ше­на (воз­бу­ж­да­ет­ся в эле­мен­те-ис­точ­ни­ке)

ondragenter

бук­си­руе­мые дан­ные ока­за­лись над эле­мен­том (воз­бу­ж­да­ет­ся в эле­мен­те-при­ем­ни­ке)

ondragleave

бук­си­руе­мые дан­ные вы­шли за гра­ни­цы эле­мен­та (воз­бу­ж­да­ет­ся в эле­мен­те-при­ем­ни­ке)

ondragover

бук­си­ров­ка про­дол­жа­ет­ся (воз­бу­ж­да­ет­ся в эле­мен­те-при­ем­ни­ке)

ondragstart

поль­зо­ва­тель на­чал опе­ра­цию бук­си­ров­ки (воз­бу­ж­да­ет­ся в эле­мен­те-ис­точ­ни­ке)

ondrop

поль­зо­ва­тель за­вер­шил бук­си­ров­ку (воз­бу­ж­да­ет­ся в эле­мен­те-при­ем­ни­ке)

onerror

Обработчик, ошибка загрузки изображения

img

onfocus

Обработчик, элемент получил фокус

button, input, label, select, textarea, body

oninput

вы­пол­нен ввод в эле­мент фор­мы (воз­бу­ж ­да­ет­ся зна­чи­тель­но ча­ще, чем onchange)

onkeydown

Обработчик, клавиши нажата

body, form etc

onkeypress

Обработчик, клавиши нажата или отпущена

body, form etc

onkeyup

Обработчик, клавиши отпущена

body, form etc

onload

Обработчик, загрузка завершена

body, frameset, img

onmousedown

Обработчик, нажата кнопка мыши

onmousemove

Обработчик, перемещение указателя мыши

onmouseout

Обработчик, указатель мыши выходит за границы элемента

onmouseover

Обработчик, указаетль мыши входит в границы элемента

onmouseup

Обработчик, отпущена кнопка мыши

onmousewheel

поль­зо­ва­тель по­вер­нул ко­ле­си­ко мы­ши

onreset

Обработчик, запрос на очистку полей формы

form

onresize

Обработчик, изменени размеры окна

body, frameset

onscroll

Прокрутка элемента

onselect

Обработчик, выбор текста

input, textarea

onsubmit

Обработчик, запрос на передачу данных формы

form

onunload

Документ выгружен

body, frameset

ownerDocument
options

select

readOnly

textarea

rows

textarea

selected

option

selectedIndex

select

size

input, select

style

CSS стили узла

tabIndex

textarea, select

target

form

text

option

type

тип элемента управления

input, textarea, select

value

Значение элемента

input, textarea, select, option

ELEMENT(1)

Элемент

ATTRIBUTE(2)

Атрибут элемента

TEXT(3)

Текстовый узел

CDATASECTION(4)

Раздел CDATA (его содержимое не будет обрабатываться парсером)

entityreference(5)

Имя ссылки на сущность

entity(6)

Сущность

processinginstruction(7)

Процессуальная инструкция

COMMENT(8)

Комментарии

DOCUMENT(9)

Весь документ

DocumentType(10)

Декларация типа документа

DocumentFragment(11)

Часть документа

Notation(12)

Имя нотации

add()

select

addEventListener(event, handler, capture)

Добавляем свой обработчик элементу.

  • event - имя события, строка
  • handler - функция обраотчик
  • capture - true-обработчик срабатывает на этапе перехвата, false-обработчик срабатывает на этапе всплывания

Доступно на DOM lvl.2

attachEvent(event, handler)

Аналог addEventListener(), для IE

blur()

input, textarea, select

click()

input

cloneNode(bool)

Создать копию узла, аргумент - в доме или нет.

detachEvent(event, handler)

Аналог removeEventListener(), для IE

focus()

input, textarea, select

getComputedStyle(element, null)

Возвращает вычисляемые CSS стили

remove()

select

removeAttribute(attr)

Удаляет атрибут из узла

removeEventListener(event, handler, capture)

Удаляет обработчик из элемента, addEventListener()

Доступно на DOM lvl.2

reset()

form

select()

input, textarea

setAttribute(attr, value)

Устанавливает атрибут для узла

submit()

form