Maison  >  Article  >  interface Web  >  Comment javascript modifie le contenu HTML

Comment javascript modifie le contenu HTML

王林
王林original
2021-10-26 16:05:232829parcourir

Comment modifier le contenu HTML avec javascript : utilisez l'attribut innerHTML pour modifier, tel que [document.getElementById(id).innerHTML = new text].

Comment javascript modifie le contenu HTML

L'environnement d'exploitation de cet article : système windows10, javascript 1.8.5&&html 5, ordinateur thinkpad t480.

Le moyen le plus simple de modifier du contenu HTML avec JavaScript est d'utiliser l'attribut innerHTML. Jetons un coup d'œil à la syntaxe :

document.getElementById(id).innerHTML = new text

Par exemple, nous souhaitons modifier le contenu de l'élément e388a4556c0f65e1904146cc1a846bee : Le document HTML ci-dessus contient id= Pour l'élément e388a4556c0f65e1904146cc1a846bee de "p1", nous utilisons HTML DOM pour obtenir l'élément avec id="p1". JavaScript modifie le contenu de l'élément (innerHTML) en "Hello Kitty ! "

Apprentissage recommandé :

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!

Déclaration:
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