Девід Дж. Малан: Давайте реалізуємо веб сторінка, яка говорить привіт до користувача, поряд спосіб демонстрації DOM, об'єктна модель документа, або дерево структура, яка дійсно знаходиться під капот, коли ви надаєте веб-сторінки. 

Давайте поглянемо. Тут, в Дом-0.html, зверніть увагу, що всередині тіла сторінках ", у мене є тег форми, унікальний ідентифікатор що, цитую кінець цитати, "демо". Тим часом, у мене також є OnSubmit атрибутів, інакше відомий як подія обробник, OnSubmit, який вказує, що коли ця форма видається, Функція, який, мабуть називається вітати повинні бути виконані. А потім брехня повинні бути повернені. 

Чому ні? Ну, я насправді не хочете, щоб представити ця форма на віддалений веб-сервер в традиційний спосіб. Я хочу, щоб обійти цю форму Представлення і щось з ним зробити на стороні клієнта з використанням JavaScript. Справді, помітити тут. На чолі моєї веб-сторінці, у мене є тег сценарію, всередині якого знаходиться Почала цієї функції називається вітають. 

Що я насправді хочу зробити? Ну, усередині фірми, давайте просто викликати функцію оповіщення. І потім роздрукувати щось як привіт, з пропуском. І потім з'єднайте в кінець з що результат виклику document.getElementById, вказавши спеціально унікальний ідентифікатор, цитата кінець цитати, "ім'я". 

І особливо, як тільки ми отримали що елемент, вузол в дереві , Який представляє цю веб-сторінку, давайте спеціально отримати це значення за визначальне значення .. А потім, просто для задоволення, давайте об'єднувати на кінці, що Знак оклику. 

Давайте тепер зберегти цей файл, відкрийте його в браузері, щоб побачити привіт. http://localhost/dom-0.html. 

Там в іншій формі. Давайте підемо далі і ввести своє ім'я. Кола, натиснувши кнопку Надіслати. І ми бачимо, привіт, Девід! Це я.