js méthode innerHTML pour modifier le contenu div

Changez le texte en innerHTML
Chaque élément HTML possède l'attribut InnerHtml qui définit le code HTML et le texte qui apparaît entre les balises d'ouverture et de fermeture de l'élément. En modifiant le HTML interne d'un élément après une interaction de l'utilisateur, vous pouvez rendre votre page Web plus interactive.
Cependant, utiliser innerHTML nécessite une certaine préparation si vous souhaitez pouvoir en profiter de manière simple et fiable. Tout d’abord, vous devez indiquer la section de la carte d’identité que vous souhaitez modifier. Avec l'identifiant en place, vous pourrez utiliser la fonction getElementById, qui fonctionne dans tous les navigateurs.
Après avoir réfléchi à établir les éléments, vous pouvez maintenant manipuler le texte. Pour commencer, essayons de remplacer le texte par un marqueur gras.
Jetons un coup d'œil à l'utilisation de js innerHTML pour modifier la valeur div.

<script type="text/javascript">
function changeText(){
document.getElementById(&#39;boldStuff&#39;).innerHTML = &#39;Fred Flinstone&#39;;
}
</script>
<p>Welcome to the site <b id=&#39;boldStuff&#39;>dude</b> </p>
<input type=&#39;button&#39; onclick=&#39;changeText()&#39; value=&#39;Change Text&#39;/>

Pour plus d'articles liés à js innerHTML sur la façon de modifier le contenu div, veuillez faire attention au site Web PHP chinois !