Maison > interface Web > tutoriel HTML > le corps du texte

js méthode innerHTML pour modifier le contenu div

高洛峰
Libérer: 2017-02-13 14:10:30
original
1916 Les gens l'ont consulté

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;/>
Copier après la connexion

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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal