Dans le passé, les méthodes innerHTML et innerText étaient utilisées pour ajouter du contenu HTML et du contenu texte. Récemment, j'ai découvert qu'il existe également des méthodes insertAdjacentHTML et insertAdjacentText. Ces deux méthodes sont plus flexibles et peuvent insérer du contenu HTML et du contenu texte à des endroits spécifiés.
Méthode insertAdjacentHTML : Insérer l'instruction de balise html à l'endroit spécifié
Prototype : insertAdajcentHTML(swhere,stext)
Paramètres :
swhere : Spécifiez l'endroit où insérer l'instruction de balise html. Quatre valeurs sont disponibles :
1. beforeBegin : Insérer avant le début de l'instruction de
balise html.tag
2. afterBegin : Insérer après la balise de début de la balise
3. beforeEnd : Insérer avant la balise de fin de la balise
4. afterEnd : Insérer après la balise de fin de la balise
texte : Contenu à insérer
DEOM :
<html>
<head >
<script langage="javascript">
function myfun ()
{
var obj = document.getElementById("btn1");
obj.insertAdjacentHTML("afterEnd","<br><input name="txt1">") ;
}
</script>
</head>
< body>
<input name="txt">
<input id="btn1" name="btn1" type="button" value="plus..." onclick="myfun ()">
</body>
</ html>