JavaScript - HTML DOM-metodes
HTML DOM-metodes is aksies wat jy kan uitvoer (op HTML Elements).
HTML DOM-eienskappe is waardes (van HTML-elemente) wat jy kan stel of verander.
Die DOM-programmeringskoppelvlak
Die HTML DOM kan verkry word met JavaScript (en met ander programmeertale).
In die DOM word alle HTML-elemente as objekte gedefinieer .
Die programmeringskoppelvlak is die eienskappe en metodes van elke voorwerp.
'n Eienskap is 'n waarde wat jy kan kry of stel (soos om die inhoud van 'n HTML-element te verander).
'n Metode is 'n aksie wat jy kan doen (soos om 'n HTML-element by te voeg of uit te vee).
Voorbeeld
Die volgende voorbeeld verander die inhoud (die innerHTML
) van die <p>
element met id="demo"
:
Voorbeeld
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
In die voorbeeld hierbo, getElementById
is 'n metode , terwyl innerHTML
is 'n
eienskap .
Die getElementById-metode
Die mees algemene manier om toegang tot 'n HTML-element te verkry, is om die id
van die element te gebruik.
In die voorbeeld hierbo die getElementById
metode wat gebruik id="demo"
is om die element te vind.
Die innerHTML Eiendom
Die maklikste manier om die inhoud van 'n element te kry, is deur die innerHTML
eiendom te gebruik.
Die innerHTML
eiendom is nuttig om die inhoud van HTML-elemente te kry of te vervang.
Die innerHTML
eiendom kan gebruik word om enige HTML-element te kry of te verander, insluitend <html>
en <body>
.