HTMLTableRowElementï¼sectionRowIndex å±æ§
åºçº¿
广æ³å¯ç¨
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
HTMLTableRowElement æ¥å£ç sectionRowIndex åªè¯»å±æ§è¡¨ç¤ºå½åé¨åï¼<thead>ã<tbody> å <tfoot>ï¼çè¡ä½ç½®ã
å¼
è¿å该è¡çç´¢å¼ï¼å¦æ该è¡ä¸å±äºè¡¨çä¸é¨åï¼åè¿å -1ã
示ä¾
æ¬ç¤ºä¾ä½¿ç¨ JavaScript æ 记表 tbody ä¸çææè¡å·ã
HTML
html
<table>
<thead>
<tr>
<th>åå</th>
<th>ä»·æ ¼</th>
</tr>
</thead>
<tbody>
<tr>
<td>é¦è</td>
<td>$2</td>
</tr>
<tr>
<td>æ©å</td>
<td>$8</td>
</tr>
<tr>
<td>西å·çæ</td>
<td>$20</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>æ»è®¡</td>
<td>$30</td>
</tr>
</tfoot>
</table>
JavaScript
js
const rows = document.querySelectorAll("tbody tr");
rows.forEach((row) => {
const z = document.createElement("td");
z.textContent = `(è¡ #${row.sectionRowIndex})`;
row.appendChild(z);
});
ç»æ
è§è
| è§è |
|---|
| HTML # dom-tr-sectionrowindex |