Maison >interface Web >js tutoriel >Comment modifier le HTML en utilisant Javascript
Comment modifier le HTML en utilisant Javascript
- coldplay.xixioriginal
- 2021-04-30 11:59:133650parcourir
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 a1f02c36ba31691bcfe87b2722de723b
<!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!