Come sostituire un elemento HTML usando il metodo sostituita in javascript?

JavaScript è ampiamente utilizzato nello sviluppo della pagina web e le sue librerie come jQuery sono molto utili. Nelle vecchie tecnologie, era quasi impossibile cambiare o sostituire un elemento HTML utilizzando i linguaggi di script lato server, siamo stati in grado di modificare il contenuto all'interno dell'elemento attraverso i linguaggi backend. Ma grazie a JavaScript, ha reso la vita più semplice e ci ha permesso di cambiare dinamicamente l'elemento della pagina web.

Fornisce vari metodi per ottenere questa funzionalità, ma quello che vedremo in questo post è il jQuery sostituirlo con() metodo.

Diamo un'occhiata profonda a questo metodo.

Metodo jQuery replACewith ()

In jQuery, il sostituirlo con() La funzione viene utilizzata per sostituire i componenti scelti con nuovi e restituisce i componenti che sono stati sostituiti.

IL sostituirlo con() La sintassi del metodo è menzionata di seguito.

$ (elemento).sostituto (newContent, (idx) => )

Argomentazioni spiegazioni

Ecco la spiegazione degli argomenti del metodo di sostituzione

• nuovo contenuto: È il contenuto che verrà utilizzato per sostituire le parti che sono state scelte.
• (idx) => : È la funzione che restituisce il contenuto di sostituzione. Ha anche un indice di argomenti e questo parametro indice viene utilizzato per restituire la posizione dell'indice dell'elemento.

Per capire meglio come utilizzare il sostituirlo con() funzione, considera i seguenti esempi.

Esempio 1

Supponiamo che abbiamo un elemento nel nostro html il cui documento è "elemento1"E al clic di un pulsante vogliamo sostituirlo con il

La parte HTML sarebbe così:

Questo testo è un tag DIV
Sostituire

E con il clic di un pulsante, vogliamo sostituire il

Ora, per convertire completamente il tag e il suo contenuto al

$ (documento).ready (function ()
$ ("#BTN").Click (function ()
$ ("#element1").sostituirlo con("

Elemento sostituito :)

");
);
);

Nell'esempio sopra, stiamo semplicemente recuperando prima l'elemento HTML usando gli ID del pulsante E div tagga e quindi sostituire il tag con il

Tag usando sostituirlo con() metodo.

Produzione

Puoi assistere che l'elemento è stato sostituito con successo.

Conclusione

Javascript's sostituirlo con() Il metodo viene utilizzato per sostituire un elemento HTML con qualche altro elemento in base al requisito. Questo sostituirlo con() Il metodo prende due argomenti, il primo argomento è il contenuto con cui si desidera essere sostituito mentre il secondo argomento viene utilizzato per restituire la posizione dell'indice del contenuto con cui si desidera sostituire. In questo articolo, abbiamo discusso degli esempi di sostituzione dei vecchi contenuti con quello nuovo usando jQuery.