Підручник з JavaScript DOM з прикладом

Зміст:

Anonim

Що таке DOM в JavaScript?

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

Як користуватися DOM та подіями

Використовуючи DOM, JavaScript може виконувати кілька завдань. Він може створювати нові елементи та атрибути, змінювати існуючі елементи та атрибути та навіть видаляти існуючі елементи та атрибути. JavaScript також може реагувати на існуючі події та створювати нові події на сторінці.

getElementById, innerHTML Приклад

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

Спробуйте цей приклад самостійно:

 DOM !!! 

Ласкаво просимо


Це привітальне повідомлення.



Технологія


Це розділ технологій.

Приклад обробника подій

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

АБО

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

Спробуйте цей приклад самостійно:

 DOM !!!