Question Comment remplacer innerHTML d'un div en utilisant jQuery?


Comment pourrais-je réaliser ce qui suit:

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

Utiliser jQuery où regTitle est mon identifiant div?


857
2017-08-20 23:51


origine


Réponses:


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

1286
2017-08-20 23:52



le html () fonction peut prendre des chaînes de HTML, et va effectivement modifier la .innerHTML propriété.

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

Cependant, le texte() La fonction changera la valeur (texte) de l'élément spécifié, mais gardera la html structure.

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

273
2017-08-20 23:52



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

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

Ou:

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

56
2017-08-11 10:34



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();

22
2017-11-27 08:03



Répondre:

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

Explication:

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

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


8
2018-06-22 02:37



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

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

7
2017-10-16 12:14



Il y a déjà des réponses qui donnent comment changer le HTML interne de l'élément.

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

Utilisez l'animation pour modifier le code HTML interne

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

Si vous avez de nombreuses fonctions qui en ont besoin, vous pouvez appeler la fonction commune qui modifie le code HTML interne.

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

7
2017-09-07 16:41



vous pouvez utiliser html ou la fonction de texte dans jquery pour y parvenir

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

OU

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

7
2018-02-03 06:15