w3tutoriels.com

JavaScript innerHTML

La propriété innerHTML peut être utilisée pour écrire un code HTML dynamique sur le document HTML.

Il est principalement utilisé dans les pages Web pour générer le code HTML dynamique tel que un formulaire d’inscription, un formulaire de commentaire, liens, etc.

Exemple de propriété innerHTML

Dans cet exemple, nous allons créer le formulaire HTML lorsque l’utilisateur clique sur le bouton.

Dans cet exemple, nous écrivons dynamiquement le formulaire html dans le nom de la division ayant l’identificateur mylocation. Nous identifions cette position en appelant la méthode document.getElementById ().

<script type="text/javascript" >  
function showcommentform() {  
var data="Name:<input type='text' name='name'><br>Comment:<br><textarea rows='5' cols='80'></textarea>  
<br><input type='submit' value='Post Comment'>";  
document.getElementById('mylocation').innerHTML=data;  
}  
</script>  
<form name="myForm">  
<input type="button" value="comment" onclick="showcommentform()">  
<div id="mylocation"></div>  
</form>
Quitter la version mobile