HTMLTableCellElement: thuộc tính cellIndex

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Thuộc tính chỉ đọc cellIndex của giao diện HTMLTableCellElement đại diện cho vị trí của một ô trong hàng của nó (<tr>). Ô đầu tiên có chỉ số là 0.

Giá trị

Trả về chỉ số của ô, hoặc -1 nếu ô không là một phần của bất kỳ hàng nào.

Ví dụ

Ví dụ này thêm nhãn cho tất cả các số ô của hàng đầu tiên của tbody.

HTML

html
<table>
  <thead>
    <tr>
      <th>Item</th>
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bananas</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>Rice</td>
      <td>$2.5</td>
    </tr>
  </tbody>
</table>

JavaScript

js
const rows = document.querySelectorAll("tbody tr");
const cells = rows[0].cells;

for (const cell of cells) {
  cell.textContent = `${cell.textContent} (cell #${cell.cellIndex})`;
}

Kết quả

Đặc điểm kỹ thuật

Specification
HTML
# dom-tdth-cellindex

Tương thích trình duyệt