Javascript遍歷Html Table範例(包括內容與屬性值)_javascript技巧
1: 遍歷並輸出Table中值
<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);
}
}
}2: 遍歷Table，讀取CheckBox狀態與其他Column值
<!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>
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Java如何遍歷資料夾並取得所有檔案名
Mar 29, 2024 pm 01:24 PM
Java是一種流行的程式語言，具有強大的檔案處理功能。在Java中，遍歷資料夾並取得所有檔案名稱是一種常見的操作，可以幫助我們快速定位和處理特定目錄下的檔案。本文將介紹如何在Java中實作遍歷資料夾並取得所有檔案名稱的方法，並提供具體的程式碼範例。 1.使用遞歸方法遍歷資料夾我們可以使用遞歸方法遍歷資料夾，遞歸方法是一種自身呼叫自身的方式，可以有效地遍歷資料夾中
PHP glob()函數使用範例：遍歷指定資料夾中的所有文件
Jun 27, 2023 am 09:16 AM
PHPglob()函數使用範例：遍歷指定資料夾中的所有文件在PHP開發中，經常需要遍歷指定資料夾中的所有文件，以實現檔案批次操作或讀取。 PHP的glob()函數正是用來實現這種需求的。 glob()函數可以透過指定一個通配符匹配模式，來取得指定資料夾中符合條件的所有檔案的路徑資訊。在這篇文章中，我們將會示範如何使用glob()函數來遍歷指定資料夾中的所有文件
Java Iterator 與 Iterable 的深入比較：優缺點分析
Feb 19, 2024 pm 04:20 PM
概念差異：Iterator：Iterator是一個接口，代表一個從集合中取得值的迭代器。它提供了MoveNext()、Current()和Reset()等方法，讓你遍歷集合中的元素，並對目前元素進行操作。 Iterable：Iterable也是一個接口，代表一個可迭代的物件。它提供了Iterator()方法，用於傳回一個Iterator對象，以便於遍歷集合中的元素。使用方式：Iterator：要使用Iterator，需要先取得一個Iterator對象，然後呼叫MoveNext()方法來移動到下一
Python 3.x 中如何使用os模組遍歷目錄中的文件
Jul 29, 2023 pm 02:57 PM
Python3.x中如何使用os模組遍歷目錄中的檔案在Python中，我們可以使用os模組來進行檔案和目錄的操作。 os模組是Python標準庫中的重要模組，提供了許多和作業系統相關的功能。在本文中，我們將介紹如何使用os模組來遍歷一個目錄中的所有檔案。首先，我們需要導入os模組：importos接下來，我們可以使用os.walk()函數來遍歷目錄。
如何使用Python實作二元樹的遍歷
Jun 09, 2023 pm 09:12 PM
作為一種常用的資料結構，二元樹經常被用來儲存資料、搜尋和排序。遍歷二元樹是非常常見的操作之一。 Python作為一種簡單易用的程式語言，有許多方法可以實作二元樹的遍歷。本文將介紹如何使用Python實現二元樹的前序、中序和後序遍歷。二元樹的基礎在學習二元樹的遍歷之前，我們需要先了解二元樹的基本概念。二元樹由節點組成，每個節點都有一個值和兩個子節點（左子節點和右子
在C++中遞歸插入和遍歷鍊錶
Sep 10, 2023 am 09:21 AM
我們得到了用於形成鍊錶的整數值。任務是使用遞歸方法先插入然後遍歷單鍊錶。在末尾遞歸新增節點如果head為NULL→將節點加入head否則加入head(head→next)遞歸遍歷節點如果head為NULL→退出否則列印(head→next)範例輸入−1-2-7-9 -10輸出輸出strong>−鍊錶：1→2→7→9→10→NULL輸入−12-21-17-94-18輸出−鍊錶：12→21→17→94→18→NULL下面程式中使用的方法如下在這種方法中，我們將使用函數新增節點並遍歷單鍊錶並遞
vue3 table元件怎麼使用
May 12, 2023 pm 09:40 PM
基礎表格先開發table組件之前，先想好要用什麼樣式的api，因為筆者在生產工作中用的都是element，所以前面幾個組件風格和element類似，但是這次不打算用element的風格了，打算換一種，直接展示：我們期望使用者這樣使用：constdataList=[{id:1,name:'《JavaEE企業應用實戰》',author:'dev1ce',price:'10.22',desc:&# 3
Java Iterator與Iterable：集合遍歷的金鑰，揭開其神秘面紗
Feb 20, 2024 am 10:27 AM
Iterator簡介Iterator是Java中用於遍歷集合的介面。它提供了一組方法，讓您以順序的方式存取集合中的元素。您可以使用Iterator來遍歷List、Set和Map等集合類型。示範程式碼：Listlist=newArrayList();list.add("one");list.add("two");list.add("three");Iteratoriterator=list.iterator();while(iter
