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
Lösen Sie schnell das Problem der weißen Lücke (Flash-Bildschirm), wenn CSS @keyframes verwendet, um Bilder für den ersten Zyklus zu laden
Problemerklärung: Wenn Sie die CSS-Eigenschaft „a...
Tutorial zur Installation von MySQL 5.6 auf CentOS 6.5
1. Laden Sie das RPM-Paket für Linux herunter htt...
Beispielcode für die Javascript-Operation „Alles auswählen/Alles abwählen“ in HTML
Code kopieren Der Code lautet wie folgt: <html...
Detaillierte Erläuterung der MySQL Master-Slave-Datenbankkonstruktionsmethode
Dieser Artikel beschreibt, wie man eine MySQL Mas...
So überspringen Sie Fehler bei der MySQL-Master-Slave-Replikation
1. Traditionelle Binlog-Master-Slave-Replikation,...
Grafisches Tutorial zur Installation der MySQL-Datenbank und Konfiguration von Umgebungsvariablen auf dem Mac
Inhaltsverzeichnis Installieren Sie MySQL Konfigu...
So verwenden und begrenzen Sie Requisiten in React
Die Requisiten der Komponente (Requisiten sind ei...
Installieren und konfigurieren Sie MySQL 5.7 unter CentOS 7
Dieser Artikel testet die Umgebung: CentOS 7 64-B...
Lösen Sie den Konflikt zwischen Docker und VMware
1. Docker-Startproblem: Problem gelöst: Sie müsse...
Mysql-String-Abfangen und Abrufen von Daten im angegebenen String
Vorwort: Ich bin auf die Anforderung gestoßen, be...
MySQL Master-Slave-Daten sind inkonsistent, Eingabeaufforderung: Slave_SQL_Running: Keine Lösung
Dieser Artikel beschreibt anhand eines Beispiels ...
Detaillierte Erklärung der dynamischen Komponenten von vue.js
:ist eine dynamische Komponente Verwenden Sie v-b...
Verwenden von js zum Implementieren der bidirektionalen Bindungsfunktion von Daten in Vue2.0
Object.defineProperty verstehen Grammatik: Object...
Docker startet im Status „Beendet“
Nach dem Docker-Lauf ist der Status immer „Beende...
4 Möglichkeiten, sich schnell Linux-Befehle selbst beizubringen
Wenn Sie ein Linux-Meister werden möchten, ist di...