Node.js는 지정된 행 수_javascript 기술을 사용하여 테이블을 동적으로 생성합니다.
WBOY
풀어 주다： 2016-05-16 17:29:09
원래의
1244명이 탐색했습니다.
다음 js 구현을 사용하여 사용자가 요구하는 행 수로 테이블을 생성할 수 있습니다.
1. 먼저 사용자가 입력한 행 값을 가져오기 위해 본문에 다음 코드를 입력합니다.
코드를 복사합니다 코드는 다음과 같습니다.
| 동적으로 테이블 생성 | input id="Cold" type="text" class="input" size="10" name="Num"/>row |
< /br>
>효과는 다음과 같습니다.
2.헤더에 js 코드 추가 코드 복사 코드는 다음과 같습니다.
<script> <br>function table() { <br>if (document.getElementById("Num").value == "" || document.getElementById("Num").value.search ("^[0-9]* $") == -1) { <br>document.getElementById("errmsg1").style.display = "block";//Num이 비어 있는지 숫자가 아닌지 판단하고 오류 메시지 <br>document.getElementById("errmsg1 ").innerHTML = "프롬프트 메시지: 행 번호가 비어 있거나 숫자가 아닙니다! " <br>} <br>else { <br>document.getElementById(" errmsg1").style.display = "none";// 프롬프트 정보 숨기기<br>var Num =parseInt(document.getElementById("Num").value); //행 수 가져오기<br>var flag = true; <br>var data = ""; <br>data = " <table >" <br>data = " <tr>"<td > " <br>"<td >zhuzhu</td>" <br>"<td >dudu</td>" <br>"</tr>" ; <br>for (var i = 1; i <= Num; i ) { <BR>data = "<tr >" <br>data = "</td>" <br> <td><input name='ColdDay" i "' type ='text' class='input'></td>"; <br>data = "<td><입력 이름=' ColdCureMethod" i "' type='text' class='input'> ;</td>"; <br>data = "</tr>"; <br>} <br>data = "</ table>"; <br>document.getElementById("div1").style.display = "block"; <br>document.getElementById("table1").innerHTML = data; <br>} <br>} <br></script>
생성 효과는 다음과 같습니다.
생성 효과는 다음과 같습니다.
3. 모든 코드는 다음과 같습니다.
>