js怎么实现输入n就显示n×n的宫格？
我要做一个大侠浏览 1794回答 1
1回答
-
李晓健
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> table{ border: 1px solid #ccc; } table td{ padding: 5px; border: 1px solid #ccc; } </style> </head> <body> <input type="text" id="input" placeholder="输入行数"><input type="button" id="button" value="创建"> <div id="tableBox"> </div> <script> var box = document.getElementById('tableBox'); var input = document.getElementById('input'); function createTable() { var n = parseInt(input.value); if(!n){ return; } var tableStr = '<table>' for(var i =0;i<n;i++){ tableStr+='<tr>' for(var j=0;j<n;j++){ tableStr+='<td>'+(i+1)+(j+1)+'</td>'; } tableStr+='</tr>' } tableStr+='</table>'; box.innerHTML = tableStr; } document.getElementById('button').onclick = createTable; </script> </body> </html>也不知道你到底想要什么，就简单用table拼了一个
随时随地看视频慕课网APP
Html/CSS
JavaScript