Weblap Hová jutunk?

Dinamikus stílusok.12

Dinamikus stílusok meghatározásához, be kell tudnunk azonosítani, a dokumentumunk területeit.

  1. Beazonosítás alapismerete.

  2. HTML TagName jelölőelemek beazonosítása,

  3. HTML id azonosítóval rendelkező jelölőelemek beazonosítása.

  4. HTML ClassName azonosítóval rendelkező jelölőelemek beazonosítása.

  5. Dinamikus stílusok. A dokumentum jelölőcímkével ellátott részeinek,

  6. Összefoglaló tesztelhető bemutatóval.
    HTML object, TagName, id, ClassName, jelolőelemek beazonosításához.






Dokumentum, azaz, weboldal összes <p> jelölőelem lekérdezése.

var dokument_p = document.getElementsByTagName("p").length;
          kiiratasi_hely = document.getElementById("azonosító");
          kiiratasi_hely.innerHTML = dokument_p;

Kiválasztott "id" azonosítóval rendelkező területen lévő, összes <p> jelölőelem lekérdezése.

var kivalasztott_P_elemei = document.getElementById("id_azonosító").getElementsByTagName('p');
var P_Szama = kivalasztott_P_elemei.length;
          document.getElementById("kiiratasi_hely").innerHTML = P_Szama;

Dokumentum, azaz, weboldal összes olyan <p> jelölőelem lekérdezése, melynek azonosítója class="pclass".

var classPszam = document.getElementsByClassName("pclass").length;           // Ez, HTML összes class="pclass" elemére érvényes.
           kiiratasi_hely = document.getElementById("azonosító");
           kiiratasi_hely.innerHTML = classPszam;