Primer 67

Osnove DOM

Izvorna koda HTML:		Rezultat izvedbe kode HTML:
<html> <body> <h1>Osnovno besedilo, ki ga procesiramo z DOM:</h1> <div name="glava">Na Fakulteti za elektrotehniko, računalništvo in informatiko smo v šolskem letu 2007/2008 začeli izvajati dva študijska programa, ki sta nastala iz študijskega programa "Računalništvo in informatika": </div> <div > <div id="naslov">Računalništvo in informacijske tehnologije</div> <p>Osnovno vodilo pri prenovljenem študijskem programu Računalništvo in informacijske tehnologije je uvajanje projektnega načina izvajanja predavanj in vaj, in sicer v povezavi z industrijskimi partnerji in institucijami družbenega pomena. V začetku drugega letnika se razpišejo predvidoma trije projekti. Vsak projekt vsebuje po osem izbirnih strokovno racunalniških predmetov, ki se izvajajo v letnem semestru drugega letnika in v zimskem semestru tretjega letnika. </p> </div> <div > <div id="naslov1">Informatika in tehnologije komuniciranja</div> <p>Študijski program Informatika in tehnologije komuniciranja (ITK) je nastal zaradi razvoja tehnologij in zahtev informacijske družbe. Ustvarjen je z namenom pripraviti svoje diplomante za sodobna, v informacijsko tehnologijo usmerjena delovna mesta prihodnosti, ki zahtevajo znanja razvoja informacijskih rešitev, vodenja projektov, upravljanja omrežij in obvladovanja informacij. </p> </div> <h1>Izpis rezultata obdelave:</h1> <div> <script type="text/javascript"> //določanje odstavkov odstavki=document.getElementsByTagName("p"); var vsebina_odstavki= "<h2>Izpis " + odstavki.length + " odstavkov: </h2>"; for (var i=0; i<odstavki.length; i++) { vsebina_odstavki=vsebina_odstavki+odstavki[i].innerHTML + "<br /><br />"; } //določanje vsebine glave glava=document.getElementsByName("glava"); var vsebina_glava= "<h2>Izpis glavnega naslova: </h2>" + glava[0].innerHTML+ " <br />" ; //določanje naslovov var naslov=document.getElementById("naslov"); var naslov1=document.getElementById("naslov1"); var vsebina_naslov= "<h2>V besedilu imamo dva naslova </h2>"+ "<ul> <li>"+naslov.innerHTML+"</li><li>"+naslov1.innerHTML+"</li></ul>"; //izpis vsebin odstavkov, glavnega naslova in ostalih naslovov document.write document.write(vsebina_odstavki+vsebina_glava+vsebina_naslov); </script> </div> </body> </html>