JavaScript - HTML DOM metodi

HTML DOM -menetelmät ovat toimintoja, joita voit suorittaa HTML-elementin yhteydessäToiminto.

HTML DOM -ominaisuudet ovat HTML-elementtien ominaisuuksia, joita voit asettaa tai muuttaaArvo.

DOM-ohjelmointirajapinta

HTML DOM voidaan käsitellä JavaScriptin avulla (voi käsitellä myös muita ohjelmointikieliä).

Kaikki HTML-elementit määritellään DOM:ssaObjekti.

Ohjelmointi-käyttöliittymä on jokaisen objektin attribuutit ja metodit.

AttribuuttiOn arvoja, joita voit hakea tai asettaa (esim. HTML-elementin sisällön muuttaminen).

MetodiOn toimintoja, joita voit suorittaa (esim. HTML-elementin lisääminen tai poistaminen).

Esimerkki

Seuraava esimerkki muuttaa id="demo"in <p>-elementin sisältöä:

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

Kokeile itse

Yllä olevassa esimerkissägetElementById onMetodija innerHTML onAttribuutti.

getElementById-metodi

HTML-elementin yleisin tapa saada sitä vastaan on käyttää elementin id:ää.

Yllä olevassa esimerkissägetElementById Metodi käyttää id="demo" löytääkseen elementin.

innerHTML-Attribuuttia

Elementin sisällön hakeminen on helpointa käyttämällä innerHTML Attribuutti.

innerHTML Attribuutti voidaan käyttää hakeakseen tai korvaamaan HTML-elementin sisältöä.

innerHTML Attribuutit voidaan käyttää hakeakseen tai muuttamaan mitä tahansa HTML-elementtiä, mukaan lukien <html> ja <body>.