Доступ к DOM-узлу

Question

Используя только DOM API, какие есть разные способы доступа к узлу?

Например, я знаю, что могу позвонить document.getElementById("header");.Мне нужен полный список способов получить доступ к этому узлу.

Answer 1

«доступ» может прийти в двух формах. Свойства и методы.

В этом списке m - объект узла (элемент HTML). Некоторые свойства:

• м.innerHTML - текст
• m.nodeName - имя
• m.nodeValue - значение
• m.parentNode - родительский узел
• m.childNodes - дочерние узлы
• m.attributes - узлы атрибутов

Некоторые методы:

• m.getElementById (id) - элемент с идентификатором
• m.getElementsByTagName (name) - получить все элементы по имени тега
• m.appendChild (node) - вставить дочерний узел в m
• m.removeChild (node) - удалить дочерний узел из m

Некоторые «особые»:

• document.documentElement - корневой узел документа
• document.body - прямой доступ к тегу элемента тела

Примечание. Существуют и другие пропорции, например длина и т. Д., Для конкретного использования, когда это применимо.

РЕДАКТИРОВАТЬ: ссылку на спецификацию можно найти здесь: http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html

EDIT2: ссылка на спецификацию HTML уровня 1 здесь: http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html

EDIT3: полная привязка скрипта ECMA: http://www.w3.org/TR/REC-DOM-Level-1/ecma-script-language-binding.html

Answer 2

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

Коллекции: все, якоря, апплеты, области, ячейки, дочерние узлы, дочерние элементы, элементы, встраивает, формы, кадры, изображения, ссылки, опции, строки, сценарии, tBodies

Свойства: тело, заголовок, документ, documentElement, firstChild, firstElementChild, frameElement, lastChild, lastElementSibling, nextElementSibling, nextSibling, nextPibling, nextPibling,ownerDocument, parentElement, parentNode, previousElementSibling, previousSibling, tFoot, tHead

Методы: getElementById, getElementsByClassName, getElementsByName, getElementsByTagName, обработка GetElementsBy * 100 * * * 100 * Элемент поиска, 100 * * * 100 * * * * * 100 * * * * * * 100объекты, свойства и методы в JavaScript