1. Chargement dynamique des tables
1. Définissez d’abord l’identifiant de la position ajoutée du tableau en HTML
Autrement dit, écrivez une balise div à l'intérieur de la balise body du HTML pour indiquer que le tableau doit être ajouté à l'intérieur de ce div. comme suit
<div id="tdl"><div>
2. Écrivez l'instruction pour ajouter le tableau en javascript
S'il se trouve dans le fichier HTML actuel, il est écrit à l'intérieur de la balise <script>, par exemple
Copiez le code comme suit :
<script type="text/javascript" >
document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>" //Le tableau ajouté ici peut être créé selon vos propres besoins
</script>
Si vous importez un fichier js, écrivez l'instruction suivante directement dans le fichier js (en supposant qu'il s'agit de test.js)
Copiez le code comme suit :
document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>"
Ensuite, introduisez votre propre fichier HTML
Copiez le code comme suit :
<script type="text/javascript" src="test.js"></script>
2. Ajouter dynamiquement des lignes de tableau
1. Définissez d'abord l'identifiant pour la position d'ajout de la ligne du tableau en HTML. Cette position doit être à l'intérieur de <tbody> (pas particulièrement précis, mais j'ai obtenu cette conclusion sur la base de mon test. Si vous avez d'autres méthodes, veuillez laisser un message. , merci), comme suit
Copiez le code comme suit :
<tableau>
<tête></tête>
<tfoot><tfoot> //tfoot et thead sont utilisés avec tbody, mais quand j'écrivais, c'était normal de ne pas les utiliser.
<tbody id="rows"></tbody>
</table>
[/s/S ]*/n
2. Dans le contenu javascript, vous devez d'abord créer des lignes et des cellules, puis ajouter des lignes dans <.tbody>, comme suit
[code]
row=document.createElement("tr"); //Créer une ligne
td1=document.createElement("tr"); //Créer une cellule
td1.appendChild(document.createTextNode("content")); //Ajouter du contenu à la cellule
row.appendChild(td1); //Ajouter des cellules à la ligne
document.getElementById("rows").append(row); //Ajouter des lignes à <tbody>
3. Ma petite découverte (peut-être que d'autres la connaissent déjà...)
1. J'ai fait un test moi-même, en écrivant <table id="tdl'></table> en html et document.getElementById("tdl").innerHTML="<tr><td></td> en javascript </ tr>", après avoir écrit ceci, testez-le, les lignes du tableau dans le html ne seront pas ajoutées.
2. Après avoir terminé le test ci-dessus, je l'ai modifié à nouveau pour écrire <table><tr><td id="t'><td><tr></table> en html et document.getElementById("t en javascript " ).innerHTML="<p>content</p>", le test peut ajouter du contenu.
3. Réflexion : quelles conclusions peut-on tirer des deux tests ci-dessus ? Je n'ai pas encore trouvé comment les résumer. Quels types de balises peuvent être ajoutées directement via innerHTML ?