JavaScript 獲取table表格指定行和列的單元格內容
實際編碼中可能要獲取一個table表格中指定行與列的單元格中的內容。
下面就通過程式碼例項介紹一下如何實現此功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var otb=document.getElementById("tb"); var oshow=document.getElementById("show"); function done(tb,row,col){ var otd=tb.rows[row-1].cells[col-1]; return otd } oshow.innerHTML=done(otb,2,3).innerHTML; } </script> </head> <body> <div id="show"></div> <table id="tb"> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> <td>螞蟻部落四</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> <td>螞蟻部落四</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> <td>螞蟻部落四</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> <td>螞蟻部落四</td> </tr> </table> </body> </html>
上面你的程式碼實現了我們的要求,下面簡單介紹一下它的實現過程。
相關閱讀:
(1).rows屬性可以參閱JavaScript rows 屬性一章節。
(2).cells屬性可以參閱JavaScript cells一章節。
(3).innerHTML屬性可以參閱JavaScript innerHTML一章節。
相關文章
- JavaScript 獲取表格指定td單元格JavaScript
- JavaScript獲取table表格指定列的值JavaScript
- JavaScript 獲取td單元格內容JavaScript
- JavaScript獲取table表格行與列的數量JavaScript
- JavaScript合併表格中的內容相同的單元格JavaScript
- elementui——表格的相同內容單元格合併UI
- 如何讓excel單元格內只能輸入指定內容?Excel
- table表格單元格橫向和屬性合併
- 怎麼透過Python獲取檔案指定行的內容?Python
- Qt高仿Excel表格元件-支援凍結列、凍結行、內容自適應和合並單元格QTExcel元件
- JavaScript table表格行進行刪除和新增JavaScript
- table 表格單元格橫向與縱向合併
- vxe-table 使用單元格選取功能
- js實現table合併相同列單元格JS
- vxe-table 樹表格單元格選擇複製貼上
- jQuery - 獲取內容和屬性jQuery
- JavaScript動態為table表格新增行JavaScript
- word(2010)使用VBA完成批處理操作-批量清除表格某單元格內容
- jQuery獲取點選td單元格的值jQuery
- 使用 Carbon 獲取指定時間範圍內的日期陣列陣列
- JavaScript 獲取網頁尾本程式碼內容JavaScript網頁
- 在excel中某些單元格內批量增加相同的內容Excel
- JavaScript 獲取指定區間的數字JavaScript
- openpyxl設定單元格大小(行高和列寬)
- JavaScript 替換字串全部指定內容JavaScript字串
- C++--Win32--列表編輯--獲取列表內容--獲取列表行數--修改列表內容C++Win32
- Excel-單元格內換行Excel
- js 表格合併單元格JS
- 表格td單元格合併
- vue表格合併單元格Vue
- excel合併單元格快捷鍵 excel多個表格內容合併到一起Excel
- 如何凍結excel指定行和列 表格怎麼同時凍結行和列的視窗Excel
- wps的excel中的單元格限定輸入的內容Excel
- DataGridView設定單元格的提示內容ToolTip詳解View
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- jQuery table表格行的新增和刪除jQuery
- poi解析Excel,遍歷表結構,獲取單元格內容,拼接sql語句,寫入TXT檔案ExcelSQL
- Jquery如何獲取和設定元素內容?jQuery
- NPOI擴充套件--判斷指定單元格是否為合併單元格和輸出該單元格的行列跨度(維度)套件