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

Има три основни типа DOM; ядрото DOM, което може да се използва за дефиниране на всеки документ, независимо от типа; XML DOM, който се използва с XML документи, и HTML DOM. Този последен тип е най-важният и полезен за разработчиците на HTML, така че това е DOM, който тази статия ще изследва.

HTML DOM разделя HTML страница нагоре на възли. Всички тези възли са свързани помежду си, като дъщерните възли се спускат от техните родителски възли и от коренния възел в горната част, в дървовидно оформление. Това, което прави DOM толкова важен и полезен за разработчиците на HTML е, че тази дефиниция прави всяка част на страницата различна и я локализира по отношение на всички останали части, така че да е лесно да се проектира код, който се отнася до този конкретен раздел и засяга само тази част , Това прави HTML DOM жизненоважно за програмирането на Javascript, например, тъй като той предоставя начин на програма Javascript да използва директно HTML елементи. Без DOM е невъзможно програма Javascript да осъществява динамичен достъп до съдържанието на уеб страницата. Като един пример, с помощта на DOM методи можете да напишете програма, която променя текста вътре в определен HTML елемент, ако се случи конкретно събитие (да речем, посетител натисне бутон на страницата).

Както вече знаете, HTML страница е съставена от различни елементи като този:



Примерна HTML страница


Това е пример за основна HTML страница.





С DOM всеки елемент (всичко между един набор от тагове, като например) е възел. Възелът се нарича главен възел и е най-основният; тя има два дъщерни възла, възела и възела. В горния пример възелът е дете на възла и

възел е детето на възела.

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

За подробности как да използвате HTML DOM, вижте следващата статия „Работа с DOM“, която ще бъде публикувана следващата седмица.

Инструкции Видео: Основы JavaScript #22 Введение в DOM (Април 2021).