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
| Thông số kỹ thuật |
|---|
| HTML # dom-tdth-cellindex |