Praneškite apie mus:


HTML DOM komandos

0

HTML DOM‘as nėra sudėtingas, jame nėra daug komandų. Štai keletas dažnai naudojamų nustatymų:



 

html_dom_objektas.innerHTML – nurodo vidinį objekto x tesktą

html_dom_objektas.nodeName – nurodo x objekto pavadinimą

html_dom_objektas.nodeValue – nurodo x objekto reikšmę

html_dom_objektas.parentNode – parenka tėvinį objektą x objekto

html_dom_objektas.childNodes – parenka visus vidinius x objekto objektus

html_dom_objektas.attributes – objekto x atributų objektai

 

Be parametrų taip pat yra keletas DOM metodų, komandų. Jos dažnai naudojamos programuojant su JavaScript:

 

html_dom_objektas.getElementById(id) – parenka elementą pagal id reikšmę.

html_dom_objektas.getElementsByTagName(pavadinimas) – parenka HTML elementus pagal žymių pavadinimus

html_dom_objektas.appendChild(objektas) – įterpia dukterinį objektą objektui nurodytam skliausteliuose

html_dom_objektas.removeChild(objektas) – panaikina dukterinį objektą iš nurodyto objekto skliausteliuose

 

Keletas pavyzdžių

 

Pirmas pavyzdys

Kintamajam x priskiriami visi <p> elementai ir jų visų vidinis html yra atspausdinamas į naršyklę:

 

1
2
3
4
5
6
x=document.getElementsByTagName("p");
 
for(i=0;i<x.length;i++) {
  document.write(x[i].innerHTML);
  document.write("<br />");
}

 

Antras pavyzdys

Turime paprastą html puslapį su keliais paragrafais, vienu div elementu. 2 paragrafai yra viduje div elemento.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
 
  <body>
 
    <p>Sveikas pasauli!</p>
 
    <div id="main">
 
      <p>HTML DOM‘as yra labai naudingas.</p>
 
      <p>Šiame pavyzdyje matome metodo <b>getElementsByTagName</b> panaudojimo galimybes</p>
 
    </div>

 

Su JavaScript paimame elementą pagal id „main“, tada paimame jo viduje esančius paragrafus.

Antroji JavaScript eilutė atspausdina sakinį „Pirmasis paragrafas div viduje“ ir pirmojo paragrafo vidini html kodą. Šiuo atveju – parpastą tekstą.

 

1
2
3
4
5
6
7
<script type="text/javascript">
 
x=document.getElementById("main").getElementsByTagName("p");
 
document.write("Pirmasis paragrafas div viduje: " + x[0].innerHTML);
 
</script>

 

Pabaigiamos html dokumento body ir html dalys:

 

1
2
3
  </body>
 
</html>

 

Visas kodas vienoje vietoje:

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
  <body>
    <p>Sveikas pasauli!</p>
    <div id="main">
      <p>HTML DOM‘as yra labai naudingas.</p>
      <p>Šiame pavyzdyje matome metodo <b>getElementsByTagName</b> panaudojimo galimybes</p>
    </div>
    <script type="text/javascript">
      x=document.getElementById("main").getElementsByTagName("p");
      document.write("Pirmasis paragrafas div viduje: " + x[0].innerHTML);
    </script>
  </body>
</html>
 

 

Perskaityta: 2072 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
html    dom    komandos   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti
HTML DOM
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: