Heim > Artikel > Web-Frontend > So ändern Sie HTML mit Javascript
So ändern Sie HTML mit Javascript
- coldplay.xixiOriginal
- 2021-04-30 11:59:133599Durchsuche
So ändern Sie HTML mit JavaScript: 1. Verwenden Sie [document.write()], um Inhalte direkt in den HTML-Ausgabestream zu schreiben. 2. Verwenden Sie das innerHTML-Attribut, um den HTML-Inhalt zu ändern.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.
So ändern Sie HTML mit JavaScript:
Ändern Sie den HTML-Ausgabestream:
In JavaScript kann document.write() verwendet werden, um Inhalte direkt in den HTML-Ausgabestream zu schreiben.
<!DOCTYPE html> <html> <body> <script> document.write(Date()); </script> </body> </html>
Verwenden Sie kein Dokument nachdem das Dokument geladen wurde. writr() Dadurch wird das Dokument überschrieben.
HTML-Inhalt ändern
Der einfachste Weg, HTML-Inhalt zu ändern, ist die Verwendung des innerHTML-Attributs
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
</body>
</html>HTML-Attribute ändern
Dieses Beispiel ändert das src-Attribut des a1f02c36ba31691bcfe87b2722de723b-Elements
<!DOCTYPE html>
<html>
<body>
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html>Related Kostenlose Lernempfehlungen: Javascript-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo ändern Sie HTML mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!