dhtml fournit deux méthodes pour ajouter, insertAdjacentHTML et insertAdjacentText
Méthode insertAdjacentHTML : insérez une instruction de balise HTML à l'endroit spécifié.
Prototype : insertAdjacentHTML(swhere,stext)
paramètre:
où : Spécifie l'endroit où les instructions de balise html sont insérées. Quatre valeurs sont disponibles :
1.beforeBegin : Insérer avant le début de l'étiquette
2.afterBegin : insérer après la balise de début de l'étiquette
3.beforeEnd : Insérer avant la balise de fin de la balise
4.afterEnd : Insérer après la balise de fin de l'étiquette
stext : le contenu à insérer
exemple:
Copiez le code comme suit :
var sHTML="<input type=button go2()" + " value='Cliquez sur moi'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Bonjour du script inséré.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
Ajoutez une ligne au corps HTML :
<DIV ID="ScriptDiv"></Div>
Finalement cela devient :
Copiez le code comme suit :
<DIV ID="ScriptDiv">
<input type=button onclick=go2() value='Cliquez sur moi'><BR>
<SCRIPT DIFFÉRÉ>
function go2(){alert("Bonjour du sctipt inséré.")}'
</script>
</DIV>
La méthode insertAdjacentText est similaire à la méthode insertAdjacentHTML, sauf qu'elle ne peut insérer que du texte brut et a les mêmes paramètres.
Ces deux attributs sont tout à fait applicables, en particulier dans le dessin et ailleurs. Leur avantage est qu'ils n'écraseront pas le contenu original. Supposons qu'il existe un DIV qui contient déjà du contenu. le contenu original, donc cette chose est très importante en ce moment. innerHTML écrasera le contenu original.
Tout le HTML qui apparaît par paires peut utiliser cet attribut, qui est le même que innerHTML. Par exemple, <body>..</body>, <div>....</div>, etc. ont tous ces deux attributs. .
Supplément : je viens de l'essayer, et l'attribut innerHTML est lisible et inscriptible. Je savais que innerHTML pouvait insérer du contenu dans les nœuds, mais cet attribut est également lisible, ce qui signifie que innerHTML enregistre le contenu html du nœud. comprenez-le complètement en suivant le code suivant :
Copiez le code comme suit :
<html>
<tête>
<méta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Document sans titre</title>
</tête>
<corps>
safdsdaf lieu à l'heure
<langage de script="javascript">
alerte (document.body.innerText)
</script>
</corps>
</html>
Ce qui précède est le code que j'ai transmis à d'autres. J'ajouterai quelques lignes de code ci-dessous. Il est également très classique. Vous pouvez peut-être l'utiliser :
Copiez le code comme suit :
<langage de script="javascript" type="text/javascript">
fonction addFile()
{
var filebutton = '<br><input type="file" size="50" name="Fichier" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</script>
Ce qui précède est le script dans le Head, et ce qui suit est le code html dans le corps :
Copiez le code comme suit :
<p id="Liste de fichiers">
<input type="file" runat="server" size="50" name="Fichier"/>
</p>
Vous pouvez voir l'effet en copiant le code dans un fichier et en l'enregistrant au format HTML.