IT-Academy

JS DOM

Mar 31st, 2016
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2.             document.write("<h2>II. Pristupovanie k elementom/uzlom</h2>");
  3.  
  4.             document.write("<h3>A. Pristupovanie pomocou getElementById() </h3>");
  5.             // [object HTMLHeadingElement] zistime ze sa jedna o nadpis
  6.             document.write("3a: " + document.getElementById("heading") + "<br />");
  7.  
  8.             // [object HTMLParagraphElement] zistime ze sa jedna o paragraf
  9.             // ak zadame neexistujuci, dostaneme null
  10.             document.write("3b. " + document.getElementById("paragraph1") + "<br />");
  11.  
  12.             document.write("<h3>B. Pristupovanie pomocou getElementByName() </h3>");
  13.             // [object NodeList] - pole uzlov, ktore maju nastaveny atribut ako text
  14.             document.write("4a. " + document.getElementsByName("text") + "<br />");
  15.             document.write("4b. " + document.getElementsByName("text")[0] + "<br />");
  16.             document.write("4c. " + document.getElementsByName("text")[1] + "<br />");
  17.             document.write("4d. " + document.getElementsByName("name") + "<br />");
  18.  
  19.             document.write("<h3>C. Pristupovanie pomocou getElementsByTagName() </h3>");
  20.             document.write("5a. " + document.getElementsByTagName("p") + "<br />");
  21.             document.write("5b. " + document.getElementsByTagName("p").length + "<br /><br />");
  22.             document.write("6. " + document.getElementById("paragraph2").getElementsByTagName("b").length + "<br />");
  23.  
  24.             //returns node (element) informations
  25.             document.write("<h2>III. Informacie elementov/uzlov</h2>");
  26.  
  27.             // Vypis iba prveho
  28.             document.writeln("7a. " + document.getElementById("paragraph1").innerHTML + "<br />");
  29.             document.writeln("7b. " + document.getElementById("paragraph1") + "<br /><br />");
  30.  
  31.             // Vrati meno uzlu
  32.             document.writeln("8. " + document.getElementById("paragraph1").nodeName + "<br />");
  33.  
  34.             // Hodnota uzlu, bude 0, vyuzivane pri formularoch, kde je value
  35.             document.writeln("9. " + document.getElementById("paragraph1").nodeValue + "<br /><br />");
  36.  
  37.             // Meno rodicovskeho uzlu
  38.             document.writeln("10a. " + document.getElementById("paragraph1").parentNode + "<br />");
  39.             document.writeln("10b. " + document.getElementById("paragraph1").parentNode.nodeName + "<br /><br />");
  40.  
  41.             // Meno detskeho uzlu
  42.             document.writeln("11a. " + document.getElementById("paragraph1").childNodes[0] + "<br />");
  43.             document.writeln("11b. " + document.getElementById("paragraph1").childNodes[0].nodeName + "<br /><br />");
  44.  
  45.  
  46.  
  47.             // Vlastnosti/atribut nejakeho prvku
  48.             document.writeln("12a. " + document.getElementById("paragraph1").attributes[0] + "<br />");
  49.             document.writeln("12b. " + document.getElementById("paragraph1").attributes[0].value + "<br />");
Advertisement
Add Comment
Please, Sign In to add comment