집 > 기사 > 웹 프론트엔드 > 네이티브 JavaScript로 동적 테이블 생성(댓글이 명확하게 작성됨)_javascript 기술

네이티브 JavaScript로 동적 테이블 생성(댓글이 명확하게 작성됨)_javascript 기술

WBOY원래의: 2016-05-16 17:06:141310검색

저는 최근에 우리가 흔히 야수책이라고 부르는 오라일리 책 세 권을 읽었습니다(동창 중 한 사람의 이름이 저와 매우 비슷합니다. ㅋㅋㅋ). 많은 회사에서 책을 사용하기 때문에 기술을 연습하기 위해 항상 샘플을 만들고 싶었습니다. 동적 폼이라 js를 이용해서 동적 폼을 만들어 보려고 했고, firfox 브라우저를 이용해서 디버깅도 해봤는데, 원래는 firbug 플러그인을 사용하는 게 더 나았기 때문에 원래는 작은 함수를 구현하고 싶었거든요. 너무 많은 것을 하고 싶으면 버튼을 클릭하여 행을 추가하세요. 그러면 점점 더 많은 것이 추가되고 점점 더 아름다워집니다. 모두가 함께 배울 수 있도록 소스코드를 게시해 주세요. 궁금한 점이 있으면 수정해 주시기 바랍니다.

ps: 오랫동안 사용하지 않아서 위에 줄번호가 표시되지 않는 이유를 모르겠습니다. 메모는 명확하게 작성되어 모두가 함께 배울 수 있습니다.

코드 복사 코드는 다음과 같습니다.

동적 테이블
<스타일 유형 ="text/css">
body{ background-color:#9CC; text-align:center}
table{ margin:10px auto;}
tr th { border: 1px solid #096 ; }
td{border: 1px solid #096;}

동적 테이블

;input type="button" value="모두 취소" onclick="cancelSelect()" />

성명：

이전 기사：JS document.all 기능 사용 예시_기본지식다음 기사：JS document.all 기능 사용 예시_기본지식

네이티브 JavaScript로 동적 테이블 생성(댓글이 명확하게 작성됨)_javascript 기술

동적 테이블

관련 기사