DOM - об'єктна модель документа (Document Object Model).


DOM це зовсім інше представлення веб-сторінки ніж HTML код.

Браузер по вказаній URL адресі відправляє запит і отримує (завантажує) з сервера веб-сторінку у вигляді HTML коду, який часто називається вихідний код сторінки. І якщо у коді вказані інші файли такі як стилі css, js - то завантажує і їх.

І уже з завантаженого з сервера HTML коду браузер формує - DOM.

Браузер створює DOM для того щоб за допомогою JavaScript можна було швидко маніпулювати веб-документом: шукати потрібний елемент, додавати нові елементи, отримати наступний дочірний елемент і т.п..

Вигляд DOM документа можна глянути у панелі розробника в браузері.


Коментарі

Дописати коментар

Популярні дописи з цього блогу

Початок роботи на e-olimp

Зображення
 Всім моїм учням хочу побажати міцного здоров'я. Сама перемагаю хворобу і дякую за прекрасні побажання одужання, що дають мені сили. Оскільки в цьому році змінилися форма та стиль навчання, учні 7-9 класів мали можливість через Google classroom долучитися до вивчення основ алгоритмізації засобами мови програмування Python. Разом з тим, не можна забувати надбання минулих років, коли ми знайомились з візуальним об'єктно-орієнтованим середовищем Lazarus.  Всі ці думки, а також успіхи учнів у засвоєнні матеріалу змусили мене саму працювати, мабуть тепер наступним кроком мотивації та розвитку є розв'язування задач на сайті e-olimp Спершу рекомендації: починати із сторінки, де задачі систематизовані за складністю та типом алгоритму. Наважуся навести приклади моїх розв'язків, не сумніваюся, що ваші будуть не гіршими. Роблю це для того, щоб запросити усіх охочих перебороти свої страхи та невпевненість, подивіться, як це легко.  Курс олімпійця для початківців Розв'язки задач
Докладніше

Майстер-клас у Скретч

Зображення
У середовищі Скретч можна не тільки малювати, слухати музику, - пробуйте створювати власні тести, ігри та анімацію. Пропоную майстер-клас: створення гри "Муріо". Для відкриття проекту перейдіть за посиланням
Докладніше

Чудові списки

Зображення
 Тема масиви в 9 класі зараз хвилює всіх учнів, багато практичних, є питання. Вирішила зібрати корисні посилання та алгоритми Цікаві задачки на використання структури даних "список" Дякую автору презентації (ресурс наурок). Зазвичай я використовую інший спосіб введення елементів, але все працює, отже ДЯКУЮ. Задачі з e-olymp 5 методів сортування масиву Сортування методом бульбашки з виведенням проміжних результатів.  Спочатку створюється масив випадкових чисел довжини n, значення елементів - цілі числа від 1 до 12 (оцінки).
Докладніше