首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 獲取 table 中 tr 的標準 DOM API:rows 集合與 tBodies

     編輯:程式設計綜合問答

推薦 API


const table = document.getElementById('thisTable');
// 方式 1:rows 集合(包含 thead, tbody, tfoot 中所有行)
const allRows = table.rows; // HTMLCollection
// 方式 2:針對 tbody
const bodyRows = table.tBodies[0].rows; // 僅 tbody 內行
// 方式 3:現代 querySelectorAll
const rows = table.querySelectorAll('tbody tr');

原始代碼問題


var tbody = thisTable.children; // children 返回所有子元素,含 thead, tbody 等
var trs = tbody.children; // 錯誤:tbody 是 HTMLCollection,無 children 屬性

最佳回答

thisTable.tBodies[0].rows[0].cells[0]獲取到的是表格主體第一行第一個單元格

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved