Comment remplacer innerHTML d'un div en utilisant jQuery?

Comment puis-je obtenir ce qui suit:

document.all.regTitle.innerHTML = 'Hello World';

En utilisant jQuery où regTitle est mon ID de regTitle ?

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

La fonction html () peut prendre des chaînes HTML, et modifiera efficacement la propriété .innerHTML .

 $('#regTitle').html('Hello World');

Toutefois, la fonction text () modifie la valeur (text) de l'élément spécifié, mais conserve la structure html .

 $('#regTitle').text('Hello world');

Si vous avez plutôt un objet jquery que vous souhaitez rendre au lieu du contenu existant. Ensuite, réinitialisez le contenu et ajoutez le nouveau.

 var itemtoReplaceContentOf = $('#regTitle'); itemtoReplaceContentOf.html(''); newcontent.appendTo(itemtoReplaceContentOf);

Ou:

 $('#regTitle').empty().append(newcontent);

Voici votre réponse:

 //This is the setter of the innerHTML property in jQuery $('#regTitle').html('Hello World'); //This is the getter of the innerHTML property in jQuery var helloWorld = $('#regTitle').html();

Le .html() de jQuery peut être utilisé pour définir et obtenir le contenu des éléments non vides correspondants ( innerHTML ).

 var contents = $(element).html(); $(element).html("insert content into element");

Répondre:

 $("#regTitle").html('Hello World');

Explication:

$ jQuery à jQuery . Les deux représentent le même objet dans la bibliothèque jQuery. Le "#regTitle" à l'intérieur de la parenthèse s'appelle le sélecteur qui est utilisé par la bibliothèque jQuery pour identifier quel (s) élément (s) du DOM html (Document Object Model) auquel vous souhaitez appliquer le code. Le # avant regTitle à jQuery que regTitle est l'identifiant d'un élément à l'intérieur du DOM.

À partir de là, la notation de points est utilisée pour appeler la fonction html qui remplace le html interne par n'importe quel paramètre que vous placez entre les parenthèses, qui dans ce cas est 'Hello World' .

Il existe déjà des réponses qui permettent de modifier le HTML intérieur de l'élément.

Mais je suggérerais, vous devriez utiliser une animation comme Fade Out / Fade In pour changer le HTML qui donne un bon effet sur le changement de HTML plutôt que de changer instantanément le HTML interne.

Utilisez l'animation pour changer le HTML interne

 $('#regTitle').fadeOut(500, function() { $(this).html('Hello World!').fadeIn(500); });

Si vous avez plusieurs fonctions qui ont besoin de cela, vous pouvez appeler une fonction commune qui modifie le Html interne.

 function changeInnerHtml(elementPath, newText){ $(elementPath).fadeOut(500, function() { $(this).html(newText).fadeIn(500); }); }

 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $( document ).ready(function() { $('.msg').html('hello world'); }); </script> </head> <body> <div class="msg"></div> </body> </html>

Vous pouvez utiliser soit html ou la fonction de texte dans jquery pour l'atteindre

 $("#regTitle").html("hello world");

 $("#regTitle").text("hello world");