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
-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
-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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
