Heim > Artikel > Web-Frontend > Wie Javascript HTML-Inhalte verändert
Wie Javascript HTML-Inhalte verändert
- 王林Original
- 2021-10-26 16:05:232811Durchsuche
So ändern Sie HTML-Inhalte mit Javascript: Verwenden Sie zum Ändern das innerHTML-Attribut, z. B. [document.getElementById(id).innerHTML = neuer Text].
Die Betriebsumgebung dieses Artikels: Windows 10-System, Javascript 1.8.5 und HTML 5, Thinkpad T480-Computer.
Der einfachste Weg, HTML-Inhalte mit JavaScript zu ändern, ist die Verwendung des innerHTML-Attributs. Schauen wir uns die Syntax an:
document.getElementById(id).innerHTML = new text
Zum Beispiel möchten wir den Inhalt des e388a4556c0f65e1904146cc1a846bee-Elements ändern:
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "hello kitty!";
</script>
</body>
</html>Erläuterung : Das obige HTML-Dokument enthält id= Für das e388a4556c0f65e1904146cc1a846bee-Element von „p1“ verwenden wir HTML DOM, um das Element mit id="p1" abzurufen. JavaScript ändert den Inhalt des Elements (innerHTML) in „Hello Kitty!“ „
Empfohlenes Lernen: Javascript-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWie Javascript HTML-Inhalte verändert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!