HTML dom tulajdonságok és módszerek

előző ◈ a következő

Tulajdonságok és módszerek meghatározzák a programozási felület HTML DOM.

programozási felület

DOM programozási felület határozza meg standard módszerekkel és tulajdonságait.

A tulajdonságok gyakran nevezik valamit, amit tennie kell valamit (pl host neve).

A módszereket gyakran nevezik amit meg kell tenni (például eltávolít egy csomópontot).

HTML DOM tulajdonságok

Néhány DOM tulajdonságok:

  • x.innerHTML - szöveges érték x
  • x.nodeName - neve (első neve) x csomópontnak
  • x.nodeValue - x értékét
  • x.parentNode - a szülő x csomópontnak
  • x.childNodes - a gyermek csomópontok x
  • x.attributes - Képesség csomópontok X

Megjegyzés: A fenti x egy csomópont objektum (HTML elem).

HTML DOM módszerek

Néhány DOM módszerek:

  • x.getElementById (id) - a tárgy befogadására a megadott azonosítóval
  • x.getElementsByTagName (név) - kap minden elem a megadott névvel (név) címke
  • x.appendChild (node) - adja meg a gyermek csomópont az x
  • x.removeChild (node) - törli a gyermek csomópont x

Megjegyzés: A fenti x egy csomópont objektum (HTML elem).

innerHTML tulajdonság

A legegyszerűbb módja, hogy vagy módosítja a tartalmat az elem - a használata a innerHTML tulajdonság.

innerHTML nem része a W3C DOM specifikáció. Azonban azt nem támasztja alá az összes főbb böngészők.

Az alábbi kódot kap az innerHTML (szöveg) az elem

id = "intro":

Hello World!

A fenti példában, getElementById egy eljárást, míg innerHTML - az ingatlan.

ChildNodes tulajdonságok és nodeValue

Mi is használjuk a childNodes tulajdonságait és nodeValue az elem tartalma.

Az alábbi kódot kap az elem tartalmának

id = "intro":

A világ!

A fenti példában getElementById módszer és a childNodes nodeValue - az ingatlan.

Az ezeket a leckéket, akkor elsősorban használni a innerHTML tulajdonság. Azonban figyelembe véve a fenti módszer megértéséhez hasznos a DOM fa szerkezete és kezelése XML fájlokat.

előző ◈ a következő