디버깅 로그
[JavaScript] <table>에서 행이 추가 되지 않는 문제 해결 방법
그녀는 행복한 개발자 홍씨 (DEVELOPER_HONG)
2021. 4. 29. 01:28
오류 발생 상황
행의 수를 늘릴 때마다 테이블에 새로운 행이 추가되게 만들고 싶었으나 작동하지 않음
오류 유발 코드
★ 잘못 생각했던 사항
- 아래와 같이 코드를 작성하면 <div id="target"> </div> 영역 안에 html 코드가 삽입되어서 행이 추가될 것이라 생각함
해결방안
★ 해결방법: innerHTML 타겟을 <div>가 아니라 <td>로 한다.
<body>에 있는 <table>의 칸 안에 또 다른 테이블을 넣는다고 생각하면 된다.
