00 Voix

JavaScript et jQuery: Remplacer le contenu d'un élément à l'aide de innerHTML

Tutoriel de Progger99 | 23/08/2020 à 13:33

Dans ce petit mini tutoriel, je veux vous montrer comment remplacer l'intérieur d'un élément en HTML par JavaScript et jQuery par tout autre nouveau contenu.

Supposons que nous ayons un élément, par exemple ce DIV ici, que nous avons nommé avec l'id "test":

<div id="test">Ancien contenu</div>

Nous voulons maintenant remplacer le contenu de cet élément par la chaîne "Hello World". Pour cela, nous souhaitons examiner une solution avec JavaScript et une autre solution avec jQuery.

La solution JavaScript

document.getElementById("test").innerHTML = "Hello World";

En JavaScript, nous pouvons utiliser la fonction getElementById() pour sélectionner notre élément et remplacer son contenu par "Hello World" comme il est montré dans l'exemple.

La solution jQuery

$("#test").html("Hello World");

Ce sera plus facile si nous utilisons jQuery. Ici il suffit de sélectionner notre élément avec $("#test") et d'utiliser la fonction html() pour changer le innerHTML de l'élément.

RépondrePositifNégatif

Sur l’Auteur

AvatarL’auteur n’a pas encore ajouté de brève description de profil.
Voir Profil

 

Sujets Connexes

MySQL: Sauts de Ligne dans MySQL

Conseil | 0 Commentaires

CSS: Comment inclure CSS dans HTML

Tutoriel | 0 Commentaires

VirtualBox: Changer la Date et l'Heure

Tutoriel | 10 Commentaires

jQuery: Y a-t-il un Élément?

Conseil | 1 Commentaire

Avis Important

Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.

Participer

Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.