Ersetzen Sie ein HTML -Element mit der Ersatzmethode in JavaScript?

JavaScript wird in der Entwicklung der Webseiten häufig verwendet und seine Bibliotheken wie JQuery sind sehr praktisch. In alten Technologien war es fast unmöglich, ein HTML-Element mithilfe der serverseitigen Skriptsprachen zu ändern oder zu ersetzen. Wir konnten den Inhalt nur im Element über die Backend-Sprachen ändern. Dank JavaScript machte es das Leben einfacher und ermöglichte es uns, das Element der Webseite dynamisch zu ändern.

Es bietet verschiedene Methoden, um diese Funktionalität zu erreichen, aber die, die wir in diesem Beitrag betrachten werden, ist die jQuery's ersetzen mit() Methode.

Schauen wir uns diese Methode tief an.

JQuery ersetzenswith () Methode

In jQuery die ersetzen mit() Die Funktion wird verwendet, um ausgewählte Komponenten durch neue zu ersetzen und die Komponenten zurückzugeben, die ersetzt wurden.

Der ersetzen mit() Methodensyntax wird unten erwähnt.

$ (Element).Ersetzen Sie (NewContent, (idx) => )

Argumente Erklärung

Hier ist die Erklärung der Argumente von Ersatzwith () Methode

• neuer Inhalt: Es ist der Inhalt, der verwendet wird, um die ausgewählten Teile zu ersetzen.
• (idx) => : Es ist die Funktion, die den Ersatzinhalt zurückgibt. Es hat auch einen Index von Argumenten und dieser Indexparameter wird verwendet, um die Indexposition des Elements zurückzugeben.

Besser zu verstehen, wie man das nutzt ersetzen mit() Funktion betrachten die folgenden Beispiele.

Beispiel 1

Angenommen, wir haben eine Element in unserer HTML, deren ID ist “Element1Und beim Klicken einer Schaltfläche möchten wir sie durch das ersetzen

Der HTML -Teil wäre so:

Dieser Text ist ein Div -Tag
Ersetzen

Und beim Klicken einer Schaltfläche möchten wir die ersetzen

Nun, um das komplett umzuwandeln Tag und sein Inhalt an die

$ (Dokument).Ready (function ()
$ ("#btn").klicken (function ()
$ ("#element1").ersetzen mit("

Element ersetzt :)

");
);
);

Im obigen Beispiel holen wir einfach zuerst das HTML -Element, indem wir die IDs der IDs verwenden Taste Und div Tag und dann das ersetzen Tag mit dem

Tag verwenden ersetzen mit() Methode.

Ausgang

Sie können beobachten, dass das Element erfolgreich ersetzt wurde.

Abschluss

JavaScripts ersetzen mit() Die Methode wird verwendet, um ein HTML -Element durch ein anderes Element gemäß den Anforderungen zu ersetzen. Das ersetzen mit() Methode nimmt zwei Argumente ein, das erste Argument ist der Inhalt, den Sie ersetzt werden möchten, während das zweite Argument verwendet wird. In diesem Artikel haben wir die Beispiele zum Ersetzen des alten Inhalts durch die neue mit jQuery erörtert.