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

DOM (Document Object Model) е програмен интерфейс за HTML и XML документи. Той представлява страницата, така че програмите да могат да променят структурата, стила и съдържанието на документа. DOM представя документа като възли и обекти. По този начин езиците за програмиране могат да се свързват със страницата.

Уеб страницата е документ. Този документ може да бъде показан в прозореца на браузъра или като HTML източник. Но това е един и същ документ и в двата случая. Обектният модел на документа (DOM) представлява същия документ, така че да може да бъде манипулиран. DOM е обектно-ориентирано представяне на уеб страницата, което може да бъде модифицирано със скриптов език като JavaScript.

HTML DOM

Когато се зареди уеб страница, браузърът създава обектен модел на документ на страницата.

HTML DOM моделът е изграден като дърво от обекти.

С обектния модел JavaScript получава цялата мощност, от която се нуждае, за да създаде динамичен HTML.

  1. JavaScript може да променя всички HTML елементи в страницата
  2. JavaScript може да промени всички HTML атрибути в страницата
  3. JavaScript може да промени всички CSS стилове в страницата
  4. JavaScript може да премахва съществуващи HTML елементи и атрибути
  5. JavaScript може да добавя нови HTML елементи и атрибути
  6. JavaScript може да реагира на всички съществуващи HTML събития в страницата
  7. JavaScript може да създава нови HTML събития в страницата

HTML DOM е стандарт за получаване, промяна, добавяне или изтриване на HTML елементи.

В следващата серия ще пиша за DOM методите.