Detaillierte Erklärung dynamisch generierter Tabellen mit Javascript
|
*Seite erstellen: zwei Eingabefelder und ein Button
Der Code lautet wie folgt:
<html>
<Kopf>
<title>Tabelle dynamisch generieren</title>
<Stiltyp = "Text/CSS">
</Stil>
</Kopf>
<Text>
Zeile: <input type="text" id="h"/><br/>
Spalte: <input type="text" id="l"/><br/>
<input type="button" value="Generieren" onclick="add1()"/>
<div id="divv">
</div>
</body>
<Skripttyp="text/javascript">
Funktion add1(){
/*
1. Holen Sie sich die eingegebenen Zeilen- und Spaltenwerte. 2. Generieren Sie eine Tabelle. - Durchlaufen Sie die Zeilen. - Durchlaufen Sie die Zellen in einer Zeile. 3. Zeigen Sie sie auf der Seite an. - Verwenden Sie das Attribut innerHTML, um den Tabellencode in einem div festzulegen. */
var h =document.getElementById("h").value;
//alarm(h);
var l =document.getElementById("l").value;
var tab = "<Tabellenrand='1' Randfarbe='rot'>";
für(var i=0;i<h;i++){
Tabulator + = "<tr>";
für(var j=0;j<l;j++){
Tabulatortaste +="<td>aaaa</td>"
}
Tabulatortaste +="</tr>"
}
Registerkarte +="</table>";
var div1 = document.getElementById("divv");
div1.innerHTML = Tab;
}
</Skript>
</html>Demonstration des Wirkungsdiagramms:
ZusammenfassenDieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können! Das könnte Sie auch interessieren:
|
<<: Binäre Typoperationen in MySQL
>>: Allgemeine Symbole in Unicode
Artikel empfehlen
Detailliertes Beispiel für MySQL-Joint-Tabellen-Update-Daten
1.MySQL UPDATE JOIN-Syntax In MySQL können Sie di...
So verwenden Sie Docker-Compose, um Django-Anwendungen offline bereitzustellen
Inhaltsverzeichnis Installieren Sie Docker-ce für...
XHTML-Erste-Schritte-Tutorial: Was ist XHTML?
Was ist HTML? Um es einfach auszudrücken: HTML wi...
Beispiele für die Interaktion zwischen MySQL und Python
Inhaltsverzeichnis 1. Daten vorbereiten Erstellen...
Mysql implementiert drei Funktionen zum Feldspleißen
Beim Exportieren von Daten in Operationen ist das...
Häufige Anwendungsszenarien für React Hooks (Zusammenfassung)
Inhaltsverzeichnis 1. Staatshaken 1. Grundlegende...
MySQL 8.0.12 Einfaches Installations-Tutorial
In diesem Artikel finden Sie das Installations-Tu...
Richtiger Einsatz von MySQL-Partitionstabellen
Übersicht über partitionierte MySQL-Tabellen Wir ...
MariaDB unter Linux startet mit dem Root-Benutzer (empfohlen)
Da ich Sicherheitsprodukte testen musste, wollte ...
Designtheorie: Die Grundlagen der Schriftgestaltung
<br />Worte sind das unvermeidliche Produkt ...
Detaillierte Erklärung verschiedener Bildformate wie JPG, GIF und PNG
Jeder weiß, dass Bilder auf Webseiten im Allgemein...
Umfassende Referenz zur MySQL-Leistungsoptimierungsmethode, von der CPU über die Dateisystemauswahl bis hin zur mysql.cnf-Parameteroptimierung
Dieser Artikel fasst einige gängige MySQL-Optimie...
Implementierung des Docker View Container Log-Befehls
Warum sollten wir das Protokoll lesen? Wenn beisp...
CSS-Beispielcode zur Implementierung von Schiebetüren
Durch die sogenannte Sliding Door-Technologie läs...
XHTML-Tags haben ein schließendes Tag
<br />Ursprünglicher Link: http://www.dudo.o...