次の js 実装を使用して、ユーザーが必要とする行数を含むテーブルを生成できます。
1. まず、本文に次のコードを入力して、ユーザーが入力した行の値を取得します
input id="Cold" type="text" class="input" size="10" name="Num"/>row |
< /br>
> 2.ヘッダーに js コードを追加します
コードをコピーします
コードは次のとおりです: <script> </span>function table() { </div>if (document.getElementById("Num").value == "" || document.getElementById("Num").value.search ("^[0-9]* $") == -1) { <div class="codebody" id="code50084">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 = " <tr>" <td > " <br>"<td>zhuzhu</td>" <br>"<td >dudu" <br>"</tr>" ; <br>for (var i = 1; i データ = "<td>" <br>データ = " <td><input name='ColdDay" i "' type ='text' class='input'></td>"; <br>data = "<td><input name=' 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. すべてのコードは次のとおりです:
コードをコピーします
コードは次のとおりです:
";
document.getElementById("div1").style.display = "ブロック";
document.getElementById("table1").innerHTML = データ;
}
}
