jquery setzt Text auf Element

jQuery ist eine sehr beliebte und leistungsstarke JavaScript-Bibliothek. Es bietet viele praktische Methoden zum Bearbeiten von HTML-Elementen und dem Document Object Model (DOM). Eine der sehr nützlichen Funktionen ist das Festlegen des Texts eines Elements mit jquery.

In diesem Artikel erfahren Sie, wie Sie den Text eines Elements mithilfe von JQuery festlegen. Wir werden zwei Methoden vorstellen: .text() und .html().

Methode 1: .text()

.text()-Methode ist die grundlegendste Methode zum Festlegen von Elementtext in jqury.

Um die .text()-Methode zu verwenden, können Sie zunächst das Element auswählen, in dem Sie den Text festlegen möchten. Nehmen wir zum Beispiel an, Sie haben den folgenden HTML-Code:

<h1 id="myHeader">Welcome to my website</h1>

Um den Text des Titelelements mit der .text()-Methode zu ändern, verwenden Sie den folgenden Code:

$('#myHeader').text('Hello World!');

Im obigen Code wählen wir mit jQuery aus selector ($()) Wählen Sie das Element mit der ID „myHeader“ aus und verwenden Sie die Methode .text(), um seinen Text auf „Hello World!“ zu setzen.

Hinweis: Durch die Verwendung der Methode .text() wird der Textinhalt des Elements vollständig ersetzt. Das heißt, wenn das Element ursprünglich Text enthielt, wird dieser vollständig ersetzt. Wenn Sie Text hinzufügen statt ersetzen möchten, sollten Sie die Methode .html() verwenden.

Methode 2: Die Methode .html()

.html() ist der Methode .text() sehr ähnlich, kann jedoch nicht nur den Text des Elements, sondern auch den HTML-Inhalt des Elements festlegen.

Um die .html()-Methode zu verwenden, wählen Sie das Element, das Sie festlegen möchten, mit derselben Methode wie die .text()-Methode aus und legen seinen HTML-Inhalt mit dem folgenden Code fest:

$('#myHeader').html('<em>Hello World!</em>');

Im obigen Code verwenden wir jQuery-Auswahl Das Element ($()) wählt das Element mit der ID „myHeader“ aus und verwendet die Methode .html(), um seinen HTML-Inhalt auf „Hello World!“ zu setzen. Dadurch wird der Text „Hello World!“ innerhalb des Elements mit dem hervorgehobenen Tag angezeigt.

Bitte denken Sie daran, bei der Verwendung der .html()-Methode vorsichtig zu sein. Wenn Sie Schadcode in HTML-Inhalte einfügen, wird dieser im Browser des Benutzers ausgeführt. Dies kann Ihre Website Sicherheitsangriffen aussetzen. Daher sollten Sie unnötige HTML-Inhalte vermeiden und Text anstelle von HTML-Strings verwenden.

Zusammenfassung

In diesem Artikel haben wir vorgestellt, wie man mit jQuery den Text eines Elements festlegt. Wir haben zwei Methoden eingeführt: .text() und .html(). Durch die Verwendung der Methode .text() wird der Textinhalt des Elements vollständig ersetzt, während Sie mit der Methode .html() den HTML-Inhalt festlegen können. Unabhängig davon, welche Methode Sie verwenden, können Sie den Text jedes Elements auf der Seite problemlos ändern.

Das obige ist der detaillierte Inhalt vonjquery setzt Text auf Element. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!