bubbling.html
<table border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<script>
console.log(document.querySelector('tr').rowIndex); // 0
consloe.log(document.querySelectorAll('td')[2].cellIndex); // 2
</script>
콘솔의 출력 결과를 보면 tr 태그는 0, td 태그는 2라고 나옵니다. 이때 rowIndex나 cellIndex는 배열의 인덱스처럼 0부터 시작한다는 점 유의하세요.