In der Vergangenheit wurden die Methoden innerHTML und innerText zum Hinzufügen von HTML-Inhalten und Textinhalten verwendet. Kürzlich habe ich entdeckt, dass es auch die Methoden insertAdjacentHTML und insertAdjacentText gibt, die flexibler sind und HTML-Inhalte und Textinhalte an bestimmten Stellen einfügen können.
Methode insertAdjacentHTML: HTML-Tag-Anweisung an der angegebenen Stelle einfügen.
Prototyp: insertAdajcentHTML(swhere,stext)
Parameter:
swhere: Geben Sie die Stelle an, an der die HTML-Tag-Anweisung eingefügt werden soll. Es stehen vier Werte zur Verfügung:
1. beforeBegin: Vor dem Anfang einfügen Tag
2. afterBegin: Einfügen nach dem Start-Tag des Tags
3. beforeEnd: Einfügen vor dem End-Tag des Tags
4. afterEnd: Einfügen nach dem End-Tag des Tags
text: Einzufügender Inhalt
DEOM:
<html>
<head >
<script language="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="more..." onclick="myfun ()">
</body>
</ html>