Comment ajouter en utilisant INSERTADJACENTHTML?

Dans JavaScript, InssertAdJacentHtml est une autre méthode utilisée pour ajouter le code HTML dans un div via JavaScript. Cette méthode prend 2 arguments, le premier argument spécifie la position du contenu dans un div et le deuxième argument est le code HTML réel que vous souhaitez ajouter dans un div.

Cette méthode utilise quatre positions pour ajouter le contenu HTML dans un div:

• Avant Begin
• préalablement
• après-être
• après

Passons par toutes ces positions une par une.

Avant Begin
Dans le code suivant, cet attribut placera le code HTML avant le vérifier id div.

Code:

Processus pour ajouter le code HTML à l'aide de JavaScript

Ce paragraphe est écrit pour démontrer le processus de code HTML en ajoutant dans une div en utilisant JavaScript.

Dans ce code, nous créons un document HTML simple avec

Tag et un Avoir une pièce d'identité unique vérifier. À l'intérieur de ce div, un paragraphe est écrit en utilisant

. Maintenant, nous ajoutons HTML

Sortir:

La sortie montre clairement que insertadjacenthtml La méthode ajoute le code HTML avant le DIV ciblé parce que nous utilisons son attribut avant-BEGIN pour positionner notre code HTML annexé.

avant
Dans le code suivant, cet attribut placera le code HTML à l'intérieur du vérifier id div mais après le

Code:

Processus pour ajouter le code HTML à l'aide de JavaScript

Ce paragraphe est écrit pour démontrer le processus de code HTML en ajoutant dans une div en utilisant JavaScript.

Dans ce code, nous créons un document HTML simple avec

Tag et un Avoir une pièce d'identité unique vérifier. À l'intérieur de ce div, un paragraphe est écrit en utilisant

. Maintenant, nous ajoutons HTML

Sortir:

La sortie montre clairement que insertadjacenthtml La méthode ajoute le code HTML après le

après-être
Dans le code suivant, cet attribut placera le code HTML à l'intérieur du vérifier id div mais juste avant le

Code:

Processus pour ajouter le code HTML à l'aide de JavaScript

Ce paragraphe est écrit pour démontrer le processus de code HTML en ajoutant dans une div en utilisant JavaScript.

Dans ce code, nous créons un document HTML simple avec

Tag et un Avoir une pièce d'identité unique vérifier. À l'intérieur de ce div, un paragraphe est écrit en utilisant

. Maintenant, nous ajoutons HTML

Sortir:

La sortie montre clairement que insertadjacenthtml La méthode ajoute le code HTML à l'intérieur de la div ciblée mais juste avant le

après
Dans le code suivant, cet attribut placera le code HTML après le vérifier id div.

Code:

Processus pour ajouter le code HTML à l'aide de JavaScript

Ce paragraphe est écrit pour démontrer le processus de code HTML en ajoutant dans une div en utilisant JavaScript.

Dans ce code, nous créons un document HTML simple avec

Tag et un Avoir une pièce d'identité unique vérifier. À l'intérieur de ce div, un paragraphe est écrit en utilisant

. Maintenant, nous ajoutons HTML

Sortir:

La sortie montre clairement que insertadjacenthtml La méthode ajoute le code HTML après la div ciblée parce que nous utilisons son attribut Afterend pour positionner notre code HTML annexé.

Conclusion

Dans JavaScript, nous pouvons ajouter le code HTML à une div en utilisant innerhtml et insertadjacenthtml. InnerHTML consiste à constituer le code HTML en remplaçant le contenu actuel dans un DIV par un nouveau contenu tandis que InsertAdJacentHTML appelle le code HTML en positionnant, en utilisant avant Begin, Afterbegin, avant et après les attributs. Dans cet article, nous avons appris le processus d'ajouter le code HTML à un div utilisant JavaScript.