HTML DOM Document Object Model HTML DOM predstavlja

HTML DOM – Document Object Model HTML DOM predstavlja programski interface za html dokumente HTML DOM omogućava pristup i kontrolu svih html elemenata na web strani, tj. kreiranje dinamičkih web strana kod kojih se može očitavati i menjati sadržaj, struktura i stil html dokumenta HTML DOM je W 3 C standard HTML DOM definiše objekte i svojstva svih html elemenata dokumenta – web strane kao i metode za pristup HTML DOM je standard za pristup, izmenu, dodavanje i brisanje HTML elemenata

DOM nodes - čvorovi • Html dokument u RAM memoriji browser-a kreira hijerarhijski sistem objekata – čvorova koji odgovaraju html elementima i predstavljaju strukturu html elemenata na web strani • Html dokument predstavlja čvor – objekat dokumenta • Hijerarhija html elemenata na web strani se preslikava – predstavlja odgovarajućom hijerarhijom DOM čvorova • Tekst u html elementima odgovara text čvorovima • Atributi html elemenata odgovaraju atributima čvorova • Html komentari odgovaraju čvorovima komentarima

Struktura html dokumenta i ekvivalentna strukura DOM čvorova • <html> <head> <title>DOM Tutorial</title> </head> <body> <h 1>DOM Lesson one</h 1> <p>Hello world!</p> </body> </html> Osnovni – koreni čvor je <html> Čvorovi <head> i <body> su potomci čvora <html> Čvor <title> je potomak čvora <head> Čvorovi <h 1> i <p> su potoci čvora <body> Tekst unutar html elemenata se nalazi u text čvoru potomku odgovarajućeg elementa Html dokument određuje korespodentnu strukturu DOM čvorova

Stablo Html DOM čvorova

Odnosi čvorova DOM stabla

Svojstva i metodi html DOM čvorova • html DOM čvorovima se može pristupiti iz programskog jezika – Java. Script-a ili nekog drugog Neka HTML DOM Svojstva Neki HTML DOM Metodi x. inner. HTML - text vrednost od x x. node. Name - the ime x-a x. node. Value - vrednost x-a x. parent. Node - roditeljski čvor x-a x. child. Nodes – čvor potomak od x-a x. attributes - atributi nodes of x x. get. Element. By. Id(id) - element sa id x. get. Elements. By. Tag. Name(ime) – svi elementi sa datim imenom tag-a x. append. Child(čvor) - umeće čvor potomak u x x. remove. Child(node) - uklanja čvor potomak od x x je objekat koji odgovara nekom DOM čvoru Iako inner. HTML svojstvo ne pripada specifikaciji W 3 C DOM standarda, podržavaju ga svi glavni browser-i. Omogućava jednostavno dobijanje tekstualnog sadržaja html elemenata.

inner. HTML svojstvo

Drugi način dobijanja teksta

Pristup html DOM čvorovima • html DOM čvorovima se može pristupiti na tri osnovna načina: • 1. korišćenjem get. Element. By. Id() metoda • 2. korišćenjem get. Elements. By. Tag. Name() metoda • 3. Navigacijom duž stabla čvorova, koristeći hijerarhijske odnose čvorova