[JavaScript] Table에서 선택한 행의 값 가져오기

<script>
    document.addEventListener("DOMContentLoaded", function() {
        document.querySelectorAll('table tbody tr').forEach(function(row) {
            row.addEventListener('click', function() {
                var id = row.querySelector('td:first-child').innerText;
                window.location.href = "/review/read?id=" + id;
            });
        });
    });
</script>

 

① document.querySelectorAll('table tbody tr')는 HTML 문서의 모든 테이블 행을 선택하여 배열로 반환.

② forEach 메서드는 배열의 각 요소에 대해 주어진 함수를 실행하기 때문에, 각 행에 대해 특정 작업을 수행할 수 있음.

③ forEach의 인수로 전달된 함수는 각 요소(여기서는 각 테이블 행)를 나타내는 변수를 받고 이 변수는 함수 내에서 해당 요소에 접근할 때 사용됨.