js如何獲取table表格的行數

新建一個html頁面，定名為test.html，用于講解js若何獲取table表格的行數。

在test.html頁面，利用table建立一個五行四列的表格，并設置其id屬性為tab。

在test.html頁面，利用css對table表格進行樣式美化，設置其邊框、邊框顏色，代碼如下：

在table表格下面，利用button標簽建立一個"統計表格行數"的按鈕，用于下面點擊獲得表格的行數。

給button按鈕綁心猿意馬onclick點擊事務，當按鈕被點擊時，執行func（）函數統計表格行數。

在func()函數內，利用getElementById經由過程表格id獲得表格對象，再經由過程getElementsByTagName獲得所有的表格行，最后，利用length屬性獲得tr的數目，即表格的行數。

最后，利用alert()方式以彈窗形式顯示行數。

在瀏覽器打開test.html，點擊"統計表格行數"按鈕，彈窗顯示table表格的行數。

0 條評論