Знаете ли, че можем да използваме JavaScript за манипулиране на съдържанието на уеб страницата? Изглежда интересно нали? Нека да разберем какво е Document Object Model т.е. DOM в JavaScript по следния начин:
- Какво е DOM в JavaScript?
- Действия на DOM в JavaScript
- Запитване към DOM
- Слушане на събития
- Взаимодействие с формуляри
- Създаване на HTML елементи
- Добавяне на CSS
Какво е DOM в JavaScript?
Обектният модел на документ или DOM се създава от браузъра при зареждане на уеб страница. В графична форма е като дърво от елементи, наричани още възли, които се използват за представяне на всеки отделен елемент на страницата.
Всички DOM на нашата уеб страница се намират в обекта на документа. Програмно този модел ни позволява да четем или дори да променяме съдържанието на нашата страница чрез . Не е ли готино?
Действия на DOM в JavaScript
Някои от действията, които можем да извършим с този модел, са:
Промяна / премахване на HTML елементи в DOM / на страницата.
Променете и добавете CSS стилове към елементи
Четене и промяна на атрибути (href, src, alt) и др.
Създайте нови елементи и ги вмъкнете в DOM / страницата.
управление на поръчките в управлението на проекти
Прикачете слушателите на събития към елементи (щракване, натискане на клавиш, изпращане)
Запитване към DOM в JavaScript
Грабването на HTML елемент или завладяването му за добавяне / промяна или съдържание се нарича заявка.
как да направя тестване на база данни
HTML код:
Javascript и DOM h1 {размер на шрифта: 60px}JavaScript код:
var title = document.getElementById ('title') // cgangin color to red title.style.color = 'red' var body = document.getElementById ('body') // промяна на цвета на фона в светлосин body.style. backgroundColor = 'lightblue'Променихме цвета на текста на заглавието от черен на червен с помощта на JavaScript. Постигнахме това с помощта на .style след това променя стойността на цвят да се равнява на нето .
Сега нека променим цвета на фона на елемента на тялото на светло синьо .
С това стигнахме до края на този DOM в статия на JavaScript. Надявам се, че сте разбрали как работят обектните модели на документи и как да внедрите същия DOM в JavaScript.
След като вече знаете за DOM в JavaScript, разгледайте от Edureka. Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уебсайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го разположите в Amazon Simple Storage Service (S3).
Имате въпрос към нас? Моля, споменете го в раздела за коментари на „DOM в JavaScript“ и ние ще се свържем с вас.