DOM Объект

Каждый узел этого дерева – это объект.

Теги являются узлами-элементами (или просто элементами). Они образуют структуру дерева: <html> – это корневой узел, <head> и <body> его дочерние узлы и т.д.

Текст внутри элементов образует текстовые узлы, обозначенные как #text. Текстовый узел содержит в себе только строку текста. У него не может быть потомков, т.е. он находится всегда на самом нижнем уровне.

Вот как это выглядит на примере

Методы Document Objects

  • write("string") – записывает данную строку в документ
  • writeln("string") – записывает данную строку в документ с символом новой строки в конце (‘\ n’)
  • getElementById() – возвращает элемент с заданным значением id
  • getElementsByName() – возвращает все элементы, имеющие заданное значение имени
  • getElementsByTagName() – возвращает все элементы с заданным именем тега
  • getElementsByClassName() – возвращает все элементы с заданным именем класса

Методы Element Objects

  • accessKey - Устанавливает или возвращает атрибут ключа доступа элемента
  • addEventListener() -Присоединяет обработчик событий к определенному элементу
  • appendChild() -Добавляет новый дочерний узел, чтобы элемент был последним дочерним узлом
  • attributes -Возвращает NamedNodeMap атрибута элемента
  • blur() -Убирает фокус с элемента
  • childElementCount -возвращает количество дочерних элементов, которые имеет элемент
  • childNodes -Возвращает коллекцию дочерних узлов elements (включая текстовые узлы и узлы комментариев)

Методы Event Objects

  • abort - Событие происходит, когда загрузка медиа прервана.
  • click - Событие происходит, когда пользователь нажимает на элемент
  • contextmenu - Событие происходит, когда пользователь щелкает правой кнопкой мыши элемент, чтобы открыть контекстное меню.
  • drag - Событие происходит, когда перетаскиваемый элемент падает на цель перетаскивания.
  • keypress - Событие происходит, когда пользователь нажимает на клавишу