dhtml bietet zwei Methoden zum Hinzufügen: insertAdjacentHTML und insertAdjacentText
insertAdjacentHTML-Methode: HTML-Tag-Anweisung an der angegebenen Stelle einfügen.
Prototyp: insertAdjacentHTML(swhere,stext)
Parameter:
swhere: Gibt den Ort an, an dem HTML-Tag-Anweisungen eingefügt werden. Es stehen vier Werte zur Verfügung:
1.beforeBegin: Vor dem Beginn des Etiketts einfügen
2.afterBegin: Nach dem Label-Start-Tag einfügen
3.beforeEnd: Vor dem End-Tag des Tags einfügen
4.afterEnd: Nach dem End-Tag des Etiketts einfügen
stext: der einzufügende Inhalt
Beispiel:
Kopieren Sie den Codecode wie folgt:
var sHTML="<input type=button go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ warning("Hallo vom eingefügten Skript.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
Fügen Sie dem HTML-Text eine Zeile hinzu:
<DIV ID="ScriptDiv"></Div>
Irgendwann wird daraus:
Kopieren Sie den Codecode wie folgt:
<DIV ID="ScriptDiv">
<input type=button onclick=go2() value='Click Me'><BR>
<SCRIPT DEFER>
Funktion go2(){alert("Hallo vom eingefügten Sctipt.")}'
</script>
</DIV>
Die Methode insertAdjacentText ähnelt der Methode insertAdjacentHTML, außer dass sie nur einfachen Text einfügen kann und über dieselben Parameter verfügt.
Diese beiden Attribute sind durchaus anwendbar, insbesondere beim Zeichnen und an anderen Orten. Ihr Vorteil besteht darin, dass sie den ursprünglichen Inhalt nicht überschreiben. Nehmen wir an, dass es einen DIV gibt, der bereits Inhalt enthält, ohne ihn zu überschreiben Daher ist es zu diesem Zeitpunkt sehr wichtig, dass innerHTML den ursprünglichen Inhalt überschreibt.
Alles HTML, das paarweise erscheint, kann dieses Attribut verwenden, das mit innerHTML identisch ist. Beispielsweise haben <body>..</body>, <div>....</div> usw. alle diese beiden Attribute .
Ergänzung: Ich habe es gerade ausprobiert und das innerHTML-Attribut ist lesbar und beschreibbar. Ich wusste, dass innerHTML Inhalte in Knoten einfügen kann, aber dieses Attribut ist auch lesbar, was bedeutet, dass innerHTML den HTML-Inhalt des Knotens speichert Verstehen Sie es vollständig, indem Sie dem folgenden Code folgen:
Kopieren Sie den Codecode wie folgt:
<html>
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Unbenanntes Dokument</title>
</head>
<Körper>
safdsdaf pünktlich stattfinden
<script language="javascript">
Alert(document.body.innerText)
</script>
</body>
</html>
Der obige Code ist der, den ich an andere weitergeleitet habe. Er ist auch sehr klassisch.
Kopieren Sie den Codecode wie folgt:
<script language="javascript" type="text/javascript">
Funktion addFile()
{
var filebutton = '<br><input type="file" size="50" name="File" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</script>
Das Obige ist das Skript im Kopf und das Folgende ist der HTML-Code im Körper:
Kopieren Sie den Codecode wie folgt:
<p id="FileList">
<input type="file" runat="server" size="50" name="File"/>
</p>
Sie können den Effekt sehen, indem Sie den Code in eine Datei kopieren und als HTML speichern.