HTMLTableCellElementï¼cellIndex å±æ§

åºçº¿ å¹¿æ³å¯ç¨

HTMLTableCellElement æ¥å£ç cellIndex åªè¯»å±æ§è¡¨ç¤ºååæ ¼å¨å¶æå¨è¡ï¼<tr>ï¼ä¸çä½ç½®ãç¬¬ä¸ä¸ªååæ ¼çç´¢å¼æ¯ 0ã

å¼

ç¤ºä¾

æ¤ç¤ºä¾ä¸º tbody ä¸ç¬¬ä¸è¡çææååæ ¼ç¼å·æ·»å æ ç¾ã

HTML

html

<table>
  <thead>
    <tr>
      <th>åå</th>
      <th>ä»·æ ¼</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>é¦è</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>å¤§ç±³</td>
      <td>$2.5</td>
    </tr>
  </tbody>
</table>

table {
  border-collapse: collapse;
}

th,
td,
table {
  border: 1px solid black;
}

button {
  margin: 1em 1em 1em 0;
}

JavaScript

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

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