>  기사  >  웹 프론트엔드  >  table_javascript 기술에 데이터를 수동으로 추가하는 javascript 작은 예

table_javascript 기술에 데이터를 수동으로 추가하는 javascript 작은 예

WBOY
WBOY원래의
2016-05-16 17:29:091128검색

먼저 다음과 같이 페이지를 만듭니다. 여기에 두 개의 테이블이 있습니다. 위쪽에는 데이터가 있고 아래쪽에는 데이터가 없고 헤더만 있습니다!

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


< form id= "form1" runat="server">









                                                type="text" value="60" style="width:50px" />< td>저는 중국인입니다
                                                         ='1px' width="50 0px" id="테이블2">

🎜>

이제 추가 버튼을 클릭하면 해당 지점의 현재 행의 데이터가 아래 TABLE에 동적으로 추가됩니다.




코드 복사


코드는 다음과 같습니다.

1저는 중국인입니다열심히 공부하세요
2 ;저는 중국인입니다열심히 공부하세요
3나는 중국어열심히 공부하세요
;
저는 중국인입니다열심히 공부하세요열심히 공부하세요<입력 유형= "button" id="Button4" value="New" onclick="butd( this);" />
ID나이이름