Wie kann man den innerHTML eines div mit jQuery ersetzen?

Question

Wie könnte ich folgendes erreichen:

document.all.regTitel.innerHTML = 'Hallo Welt';

Verwendung von jQuery, bei dem regTitel meine div id ist?

Answer 1

Es gibt bereits Antworten, die zeigen, wie man das Innere HTML eines Elements ändert.

Aber ich würde vorschlagen, dass Sie eine Animation wie Fade Out/Fade In verwenden, um das HTML zu ändern, was einen guten Effekt des geänderten HTMLs gibt, anstatt das Innere HTML sofort zu ändern.

Verwenden Sie Animation, um das Innere HTML zu ändern

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

Wenn Sie viele Funktionen haben, die dies benötigen, dann können Sie eine gemeinsame Funktion aufrufen, die das Innere HTML ändert.

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

Answer 2

Sie können entweder die html- oder text-Funktion in jQuery verwenden, um dies zu erreichen

$("#regTitle").html("Hallo Welt");

ODER

$("#regTitle").text("Hallo Welt");

Answer 3

JQuery's .html() kann zum Setzen und Abrufen des Inhalts von übereinstimmenden nicht leeren Elementen (innerHTML) verwendet werden.

var inhalt = $(element).html();
$(element).html("Inhalt in Element einfügen");

Answer 4

Beispiel

$( document ).ready(function() {
  $('.msg').html('Hallo Welt');
});

Answer 5

$("#regTitle")[0].innerHTML = 'Hallo Welt';