1186 Stimmen

Wie kann man den innerHTML eines div mit jQuery ersetzen?

Wie könnte ich folgendes erreichen:

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

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

0 Stimmen

Lustig, wie die Leute immer noch an Vanilla JS festhalten, auch wenn du nach der Antwort in jQuery fragst...

1792voto

Zed Punkte 55390
$("#regTitle").html("Hallo Welt");

354voto

zombat Punkte 89911

Die html()-Funktion kann HTML-Strings entgegennehmen und ändert effektiv die .innerHTML-Eigenschaft.

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

Die text()-Funktion ändert jedoch den (Text-) Wert des angegebenen Elements, behält aber die html-Struktur bei.

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

13 Stimmen

"aber behalten Sie die HTML-Struktur" . Können Sie das erklären?

10 Stimmen

Aus der jQuery-API-Dokumentation (api.jquery.com/text) ist text() anders als: Im Gegensatz zur .html()-Methode kann .text() in sowohl XML- als auch HTML-Dokumenten verwendet werden.. Darüber hinaus behandelt stackoverflow.com/questions/1910794/... jQuery.html() behandelt den String als HTML, jQuery.text() behandelt den Inhalt als Text.

1 Stimmen

86voto

Cine Punkte 3977

Wenn Sie stattdessen ein jQuery-Objekt haben, das Sie anstelle des vorhandenen Inhalts rendern möchten: Setzen Sie einfach den Inhalt zurück und fügen Sie den neuen an.

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

Oder:

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

21 Stimmen

Guter Ort, um itemtoReplaceContentOf.empty(); zu verwenden

0 Stimmen

Ist newcontent ein jQuery-Objekt? Das ist nicht klar.

0 Stimmen

@kmoser Im ersten Beispiel ist newcontent tatsächlich ein jQuery-Objekt. Im zweiten Beispiel kann es vom Typ htmlString oder Element oder Text oder Array oder jQuery sein, wie auf api.jquery.com/append erläutert.

29voto

dane Punkte 603

Hier ist deine Antwort:

//Dies ist der Setter der innerHTML-Eigenschaft in jQuery
$('#regTitle').html('Hallo Welt');

//Dies ist der Getter der innerHTML-Eigenschaft in jQuery
var helloWorld = $('#regTitle').html();

15voto

Webeng Punkte 6746

Antwort:

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

Erklärung:

$ entspricht jQuery. Beide repräsentieren dasselbe Objekt in der jQuery-Bibliothek. Das "#regTitle" innerhalb der Klammern wird als Selektor bezeichnet, der von der jQuery-Bibliothek verwendet wird, um zu identifizieren, auf welches Element bzw. welche Elemente des HTML-DOM (Document Object Model) der Code angewendet werden soll. Das # vor regTitle zeigt jQuery an, dass regTitle die ID eines Elements im DOM ist.

Von dort wird die Punkt-Notation verwendet, um die html-Funktion aufzurufen, die den inneren HTML-Inhalt durch den Parameter ersetzt, der zwischen den Klammern steht, in diesem Fall 'Hello World'.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X