Учебное пособие по JavaScript DOM с примером

Содержание:

Anonim

Что такое DOM в JavaScript?

JavaScript может получить доступ ко всем элементам на веб-странице, используя объектную модель документа (DOM). Фактически, веб-браузер создает DOM веб-страницы при загрузке страницы. Модель DOM создается в виде дерева таких объектов:

Как использовать DOM и события

Используя DOM, JavaScript может выполнять несколько задач. Он может создавать новые элементы и атрибуты, изменять существующие элементы и атрибуты и даже удалять существующие элементы и атрибуты. JavaScript также может реагировать на существующие события и создавать новые события на странице.

getElementById, пример innerHTML

  1. getElementById: для доступа к элементам и атрибутам, идентификатор которых установлен.
  2. innerHTML: для доступа к содержимому элемента.

Попробуйте сами этот пример:

 ДОМ !!! 

Добро пожаловать


Это приветственное сообщение.



Технологии


Это раздел технологий.

Пример обработчика событий

  1. createElement: для создания нового элемента
  2. removeChild: удалить элемент
  3. Вы можете добавить обработчик событий к определенному элементу следующим образом:
 document.getElementById(id).onclick=function(){lines of code to be executed}

ИЛИ ЖЕ

document.getElementById(id).addEventListener("click", functionname)

Попробуйте сами этот пример:

 ДОМ !!!