Всичко, което трябва да знаете за DOM в JavaScript

Знаете ли, че можем да използваме 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“ и ние ще се свържем с вас.