JavaScript DOM módszerek


Tartalomjegyzék

    Tartalomjegyzék megjelenítése


A HTML DOM metódusok olyan műveletek, amelyeket végrehajthat (HTML-en Elemek).

A HTML DOM-tulajdonságok (HTML-elemek) értékei, amelyekre Ön is képes állítsa be vagy módosítsa.


A DOM programozói felület

A HTML DOM JavaScript segítségével érhető el (és más programozási nyelvekkel).

A DOM-ban minden HTML-elem objektumként van definiálva.

A programozói felület az az egyes objektumok tulajdonságait és metódusait.

A tulajdonság egy olyan érték, amelyet megszerezhet vagy beállíthat (például módosíthatja a egy HTML-elem tartalma).

A módszer egy olyan művelet, amelyet megtehet (például hozzáadhat vagy egy HTML elem törlése).


Példa

A következő példa megváltoztatja a <p> elem tartalmát (a belső HTML-ját) a következővel: id="demo":

Példa

<html>
<body>

<p id="demo"></p>

<script>
 document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>My First Page</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>

A fenti példában a getElementById egy módszer, míg a innerHTML egy tulajdon.


A getElementById módszer

A HTML-elemek elérésének legáltalánosabb módja az id használata elem.

A fenti példában a getElementById metódus az id="demo" módszert használta a elem.


Az innerHTML tulajdonság

Egy elem tartalmát a legegyszerűbben az innerHTML tulajdonság használatával érheti el.

Az innerHTML tulajdonság hasznos a HTML-elemek tartalmának lekéréséhez vagy cseréjéhez.

Az innerHTML tulajdonság bármely HTML-elem lekérésére vagy módosítására használható, köztük a <html> és a <body>.