Bevezetés a DOM-ba

• Lehet 19, 2024

A DOM a Document Object Model rövidítése. Ez a HTML-nézés egy olyan módja, amely lehetővé teszi a weboldal-fejlesztők számára funkciók létrehozását és a kód manipulálását olyan módon, amely egyébként lehetetlen lenne.

A DOM három alaptípusa létezik; a központi DOM, amely felhasználható bármilyen dokumentum meghatározására, függetlenül a típustól; az XML DOM, amelyet az XML dokumentumokhoz használnak, és a HTML DOM. Ez az utolsó típus a legfontosabb és leghasznosabb a HTML fejlesztők számára, tehát ezt a DOM-ot fogja megvizsgálni ez a cikk.

A HTML DOM felosztja a HTML oldalt csomópontokra. Ezek a csomópontok mind kapcsolódnak egymáshoz, a gyermekcsomópontok a szülő csomóponttól és a tetején lévő gyökér csomóponttól fa jellegű elrendezés szerint csökkennek. A DOM annyira fontos és hasznos a HTML-fejlesztők számára, hogy ez a meghatározás az oldal minden részét megkülönbözteti és elhelyezi az összes többi részhez viszonyítva, így könnyű megtervezni azt a kódot, amely arra az adott szakaszra utal, és csak arra a részre vonatkozik. . Ez a HTML DOM-ot létfontosságúvá teszi például a Javascript programozásához, mivel lehetőséget kínál a Javascript program számára a HTML elemek közvetlen felhasználására. DOM nélkül lehetetlen, hogy a Javascript program dinamikusan hozzáférjen egy weboldal tartalmához. Példaként arra, hogy a DOM módszerekkel olyan programot írhat, amely megváltoztatja a szöveg egy adott HTML elem belsejében egy adott esemény bekövetkezésekor (mondjuk, ha egy látogató egy gombra kattint az oldalon).

Mint már tudod, egy HTML oldal különféle elemekből áll, mint például:



Minta HTML oldal

Ez egy példa egy alapvető HTML oldalra.

A DOM használatával minden elem (mindegyik egy címkekészlet között, mint például) egy csomópont. A csomópontot gyökér csomópontnak nevezzük, és ez a legalapvetőbb; két alcsomópontja van, a csomópont és a csomópont. A fenti példában a csomópont a csomópont és a

csomópont a csomópont gyermeke.

Egy webfejlesztő bizonyos parancsok segítségével felhasználhatja és módosíthatja a DOM-ot. Ezeket a parancsokat tulajdonságokra (amelyek a HTML oldal egy részét írják le) és módszereire (amelyek az oldal ezen részével kapcsolatosak) megosztják.

A HTML DOM használatával kapcsolatos részletekért lásd a következő, „A DOM működése” című cikket, amelyet a jövő héten teszünk közzé.

Video Utasításokat: How to setup and use ESP32 WiFi Camera (Lehet 2024).