JavaScript HTML DOM

HTML DOM (Document Object Model / об’єктна модель документа)

Коли вебсторінка завантажується, веб-браузер створює Document Object Model сторінки. Модель HTML DOM побудована як дерево об’єктів:

Дерево об’єктів HTML DOM

• JavaScript може змінювати всі елементи HTML на сторінці
• JavaScript може змінювати всі атрибути HTML на сторінці
• JavaScript може змінювати всі стилі CSS на сторінці
• JavaScript може видаляти наявні елементи та атрибути HTML
• JavaScript може додавати нові елементи та атрибути HTML
• JavaScript може реагувати на всі наявні події HTML на сторінці
• JavaScript може створювати нові події HTML на сторінці

Що ви дізнаєтесь

У наступних розділах цього посібника ви дізнаєтесь:

• Як змінити вміст елементів HTML
• Як змінити стиль (CSS) елементів HTML
• Як реагувати на події HTML DOM
• Як додавати та видаляти елементи HTML

Що таке DOM?

DOM є стандартом W3C (World Wide Web Consortium).

DOM визначає стандарт для доступу до документів:

“Об’єктна модель документа W3C (DOM) — це платформа та нейтральний щодо мови інтерфейс, який дозволяє програмам і скриптам динамічно отримувати доступ до вмісту, структури та стилю документа та оновлювати їх.”

Стандарт W3C DOM розділений на 3 різні частини:

• Core DOM – стандартна модель для всіх типів документів
• XML DOM – стандартна модель для документів XML
• HTML DOM – стандартна модель для документів HTML

Що таке HTML DOM?

HTML DOM — це стандартна модель об’єкта та інтерфейс програмування для HTML. Він визначає:

• Елементи HTML як об’єкти
• Властивості всіх елементів HTML
• Методи доступу до всіх елементів HTML
• Події для всіх елементів HTML

Іншими словами: HTML DOM — це стандарт отримання, зміни, додавання або видалення елементів HTML.

JavaScript Підручник . Основи вебпрограмування

Перед вами – найкращий і найповніший в мережі підручник по JavaScript українською мовою із найбільшого і найвідомішого в світі Інтернет-ресурсу по вивченню вебтехнологій – сайту W3Schools.com.

Стан початківця-кодера, коли він хоче почати кодити, але все ніяк не наважиться,
схожий на стан закоханого лузера, який ніяк не наважиться познайомитись з дівчиною.
Називається такий стан очікування дуже просто: “Поцілуй мене з розгону, я за деревом стою. ”
Адмін сайту “W3Schools українською“

JavaScript – це найпопулярніша мова програмування у світі. JavaScript – це мова програмування HTML-сторінок та Web. JavaScript – це мова програмування, яку досить легко вивчити. Цей підручник навчить вас мові програмування JavaScript від базового рівня до розширеного. Почати вивчення JavaScript негайно! »

Як застосовується JavaScript на вебсайтах?

Приклад застосування JavaScript

Приклади в кожному розділі

З онлайн редактором “Спробуйте самі” на нашому сайті W3Schools українською ви можете редагувати вихідний код і переглядати результат.

Приклад

Мій перший JavaScript

Рекомендується використовувати меню уроків

Якщо ви новачок і тільки починаєте вивчати мову програмування JavaScript, то рекомендується вивчати цей підручник з JavaScript в послідовності тем, зазначених в меню. Якщо у вас великий екран (наприклад, монітор комп’ютера), меню завжди буде ліворуч. Якщо у вас маленький екран (наприклад, якщо ви користуєтеся смартфоном або планшетом), відкрийте меню, клікнувши іконку верхнього меню ☰ .

Вчиться на прикладах!

Приклади – краще 1000 слів. Приклади часто легше зрозуміти, ніж текстові пояснення. Цей підручник доповнює всі пояснення докладними прикладами “Спробуйте самі”.

Якщо ви спробуєте роботу всіх прикладів, ви дізнаєтеся багато нового про JavaScript за дуже короткий час! JavaScript Приклади »

Навіщо вивчати JavaScript?

JavaScript – одна з трьох технологій, які мають вивчити і знати всі веб-розробники: 1. HTML для визначення змісту веб-сторінок 2. CSS для створення макету веб-сторінок 3. JavaScript для програмування поведінки веб-сторінок Примітка. Веб-сторінки – це не єдине застосування, де використовується JavaScript. Багато настільних і серверних програм використовують JavaScript. Платформа Node.js є найвідомішим застосуванням для виконання високопродуктивних мережевих додатків. Деякі бази даних, такі як MongoDB і CouchDB, також використовують JavaScript в якості мови програмування.

Що необхідно знати про JavaScript?

JavaScript та Java – це абсолютно різні мови програмування, як по концепції, так і по дизайну. Мову JavaScript було створено Бренданом Айхом в 1995 році, яка стала стандартом ECMA в 1997 році. ECMA-262 є офиційною назвою стандарту. ECMAScript – це офіційна назва мови JavaScript. Ви можете прочитати більше про різні версії JavaScript в розділі JS Версії.

Швидкість навчання

В цьому підручнику швидкість навчання повністю залежить від вас. Скільки часу ви захочете приділяти навчанню – стільки й приділяйте. Все залежить від ваших цілей, бажань та можливостей. Якщо ви відчуваєте труднощі в навчанні, то зробіть невеличку перерву в навчанні або перечитайте матеріал повторно. Завжди переконуйтесь в тому, що ви повністю розібрались і розумієте всі приклади, наведені в онлайн-редакторі “Спробуйте самі”. Єдиний спосіб стати професійним програмістом – це: Практика. Практика. І ще практика. Код. Код. І ще багато коду!

Поширені запитання

• Як отримати JavaScript?
• Де я можу скачати JavaScript?
• Чи є JavaScript безплатним?

• Вам не потрібно десь шукати або скачувати JavaScript.
• JavaScript вже запущений в вашому браузері на вашому комп’ютері, планшеті або смартфоні.
• JavaScript можна використовувати безплатно. Він доступний для всіх користувачів.

JavaScript Довідники

Сайт W3Schools українською містить повний довідник по JavaScript, включаючи всі об’єкти HTML і браузера.

Довідник містить приклади всіх властивостей, методів і подій та постійно оновлюється відповідно до останніх вебстандартів.

JavaScript Вікторина

Перевірте свої навички JavaScript на W3Schools!

Пройдіть JavaScript іспит – отримайте свій Сертифікат!

Онлайн Сертифікація W3Schools

Ідеальне рішення для професіоналів, яким необхідно збалансувати роботу, сім’ю та кар’єру.

Більше 25 000 сертифікатів уже видано!