Vous devez savoir comment modifier le texte ou le code HTML qui apparaaît sur la page pour rendre vos sites plus interactifs. C’est ici que les attributs HTML innerText et innerHTML entrent en jeu.
Ces attributs permettent de modifier facilement le texte d’un élément DOM et son code HTML code-code. Dans ce guide, vous apprendrez à utiliser les attributs JavaScript innerText et innerHTML.
Qu’est-ce que JavaScript innerHTML ?
La propriété JavaScript innerHTML définit le contenu HTML d’un élément sur une page Web. InnerHTML est une propriété du DOM HTML. innerHTML est souvent utilisé pour définir et modifier le contenu d’un élément
.
Vous pouvez utiliser innerHTML comme ceci:
document.getElementById ("paragraphe"). innerHTML = " Python.Engineering ! ";
Cette ligne de code définit le contenu de l’ élément " paragraphe "
pour " Python.Engineering ! " La méthode getElementById() récupère un élément par son ID.
Le navigateur définit un Document Object Model (DOM) lorsqu’une page est chargée. Ce DOM est une série d’objets affichés sur la page.
Le DOM signifie que vous n’avez pas à modifier le code HTML à chaque fois que vous souhaitez modifier un élément Web. Vous pouvez utiliser le DOM et JavaScript pour modifier la façon dont la page apparaaît dans une session particulière.