Comment modifier le HTML à l'aide de JavaScript : 1. Utilisez [document.write()] pour écrire directement le contenu dans le flux de sortie HTML ; 2. Utilisez l'attribut innerHTML pour modifier le contenu HTML ; attributs.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur DELL G3.
Comment modifier le HTML à l'aide de JavaScript :
Modifier le flux de sortie HTML :
En JavaScript, document.write( ) Peut être utilisé pour écrire du contenu directement dans le flux de sortie HTML
<!DOCTYPE html> <html> <body> <script> document.write(Date()); </script> </body> </html>
Ne pas utiliser document.writr() une fois le document chargé, cela écrasera le document.
Modifier le contenu HTML
Le moyen le plus simple de modifier le contenu HTML est d'utiliser l'attribut innerHTML
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="New text!";
</script>
</body>
</html>Modifier l'attribut HTML
Cet exemple modifie l'attribut src de l'élément
<!DOCTYPE html>
<html>
<body>
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html>Recommandations d'apprentissage gratuites associées : Tutoriel vidéo javascript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
