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

Pure JS and Shortest

Pure JS

regTitle.innerHTML = 'Hello World'

regTitle.innerHTML = 'Hello World';

Shortest

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

// Hinweis: keine Anführungszeichen um regTitle
$(regTitle).html('Hello World');

Answer 2

Nur um einige Leistungseinblicke hinzuzufügen.

Vor ein paar Jahren hatte ich ein Projekt, bei dem wir Probleme hatten, einen großen HTML / Text auf verschiedene HTML-Elemente zu setzen.

Es stellte sich heraus, dass das "Neuerstellen" des Elements und das Einbringen in den DOM viel schneller war als alle vorgeschlagenen Methoden, um den DOM-Inhalt zu aktualisieren.

Also etwas wie:

var text = "sehr großer Inhalt";
$("#regTitle").remove();
$("" + text + "").appendTo("body");

Sollte Ihnen eine bessere Leistung bringen. Ich habe das in letzter Zeit nicht mehr gemessen (Browser sollten heutzutage klug sein), aber wenn Sie nach Leistung suchen, könnte es helfen.

Der Nachteil ist, dass Sie mehr Arbeit haben werden, um den DOM und die Verweise in Ihren Skripten auf das richtige Objekt zu halten.

Answer 3

JQuery verfügt über einige Funktionen, die mit Text arbeiten. Wenn Sie text() verwenden, erledigt es die Arbeit für Sie:

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

Sie können auch html() verwenden, wenn Sie ein HTML-Tag haben...

Answer 4

var abc = document.getElementById("regTitle");
abc.innerHTML = "Hallo Welt";