Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Javascript-Traversal-HTML-Tabellenbeispiel (einschließlich Inhalts- und Attributwerten)_Javascript-Kenntnisse

Javascript-Traversal-HTML-Tabellenbeispiel (einschließlich Inhalts- und Attributwerten)_Javascript-Kenntnisse

WBOY
Freigeben： 2016-05-16 16:42:10
Original
1604 Leute haben es durchsucht

1: Durchlaufen und Ausgabe der Werte in der Tabelle

<table id="tb">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
function f()
{
var t=document.getElementById("tb").childNodes.item(0);
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
alert(t.childNodes(i).childNodes(j).innerText);
}
}
}
Nach dem Login kopieren

2: Durchlaufen Sie die Tabelle, lesen Sie den CheckBox-Status und andere Spaltenwerte

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body onload="f()"> 
<script type="text/javascript"> 
function f()
{
var t=document.getElementById("tb").childNodes.item(0);

for(var i=0;i< t.childNodes.length;i++)
{
alert(t.childNodes(i).firstChild.firstChild.nodeValue);
alert(t.childNodes(i).childNodes[1].firstChild.checked); 
}
}

</script>

<table id="tb">
<tr>
<td style="width: 122px">
1234</td>
<td style="width: 89px">
<input type="checkbox" /></td>
<td style="width: 210px">
</td>
</tr>
<tr>
<td style="width: 122px; height: 21px">
2234</td>
<td style="width: 89px; height: 21px">
<input type="checkbox" checked="CHECKED" /></td>
<td style="width: 210px; height: 21px">
</td>
</tr>
<tr>
<td style="width: 122px">
3234</td>
<td style="width: 89px">
<input type="checkbox" /></td>
<td style="width: 210px">
</td>
</tr>
</table>
</body>
</html>
Nach dem Login kopieren
Verwandte Etiketten：
table 遍历
Quelle：php.cn
Vorheriger Artikel：Verwenden Sie die Methode jquery prev(), um das vorherige Element derselben level_jquery zu finden Nächster Artikel：Javascript durchläuft Elemente in der Tabelle Beispielcode_Javascript-Kenntnisse
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Gruppieren Sie MySQL-Ergebnisse nach ID für die Schleife Ich habe eine Tabelle mit Flugdaten in MySQL. Ich schreibe einen PHP-Code, der Daten mithi...
Aus 2024-04-06 17:27:56
0
1
406
Rufen Sie den Verlauf der Zahlungsmethoden für WooCommerce-Kunden ab Ich habe ein Skript gefunden, das mir dabei hilft, die benötigten Informationen zu erhalte...
Aus 2024-04-04 14:57:11
0
1
428
Weisen Sie dem zuletzt angeklickten Element Klassen zu Ich habe einen Kalender, der so aussieht und mit TailwindCSS gestaltet wurde: 8Wednesday i...
Aus 2024-04-03 16:36:09
0
1
336
Ich kann keine Informationen aus meiner MySQL-Datenbank empfangen, obwohl ich Tutorials gesehen habe, die genau das Gleiche tun Ich versuche also, ein Programm zu erstellen, das eine MySQL-Datenbank liest und schreibt,...
Aus 2024-04-03 14:46:04
0
1
298
So suchen Sie nach Titeln und verwenden eine andere Spalte, um die Eindeutigkeit zu überprüfen Ich habe einige abgekratzte Produktdaten in einer Datenbank und möchte diese auf meiner We...
Aus 2024-04-02 21:49:55
0
1
375
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage