Javascript 我想创建一个HTML页面，它需要通过按行数和列数提供输入来显示表中的行和列

我将创建2个标签和它的2个文本框。通过输入值，它必须给出行和列的相应输出

如果我为行输入2，为列输入3。。输出将是2行3列

我不知道如何使用这里的javascript。。 请帮助

给你：

<style type="text/css">
td{min-width:100px;min-height:20px;border:solid 1px #000;}
</style>

<script type="text/javascript">
window.onload = function() {
    document.getElementById('btnCreate').addEventListener('click', function(){
        var rows = parseInt(document.getElementById('txtRows').value),
            cols = parseInt(document.getElementById('txtCols').value);
        create(rows,cols);
    });
}

function create(rows, cols) {
    if (rows <= 0 || cols <= 0)
        return false;

    var html = '<table>';
    for (i=0;i<rows;i++) {
        html += '<tr>';
        for (j=0;j<cols;j++) {
            html += '<td>&nbsp;</td>';
        }
        html += '</tr>';
    }
    html += '</table>';
    document.getElementsByTagName('body')[0].innerHTML = html;
}
</script>

rows: <input type="text" id="txtRows" /><br/>
cols: <input type="text" id="txtCols" /><br/>
<input type="button" value="create table" id="btnCreate" />

td{最小宽度：100px；最小高度：20px；边框：实心1px#000；}
window.onload=函数（）{
document.getElementById（'btnCreate'）。addEventListener（'click'，function（）{
var rows=parseInt（document.getElementById（'txtRows'）.value），
cols=parseInt（document.getElementById（'txtCols'）.value）；
创建（行、列）；
});
}
函数创建（行、列）{
如果（行修改了Gal V的答案…使用输入而不是提示


td{最小宽度：100px；最小高度：20px；边框：实心1px#000；}
函数createTable（）{
document.getElementById（'tb_container'）。innerHTML=“”；
var rows=document.getElementById（'tb_rows'）。值；
var cols=document.getElementById（'tb_cols'）。值；
tblHtml=''
对于（i=0；我能告诉我们到目前为止您尝试了什么吗？非常感谢…它在JSFIDLE上动态在线工作..我的问题是如何脱机使用它..因为我没有看到html页面..谢谢请更好地解释您到底需要什么您可以脱机运行html页面，您只需要下载jquery并在本地使用它…如果我不想要怎么办o使用jQuery并仅使用javascript、html和Css？？我如何实现它？我将修改答案，使其仅使用纯javascript。我始终更喜欢jQuery:-）非常感谢。我会修改它..更多..在创建行和列后，你能帮我在每行中添加文本框吗？？？@user2881738抱歉，但是..我现在有点忙..所以可能以后..好吧？？？@user2881738顺便问一下..文本框应该添加到哪里？文本框应该添加到每行和每列中，无论我们输入什么有given@user2881738嗯…就像电子表格一样？你可以输入任何行和列？？
<style type="text/css">
td{min-width:100px;min-height:20px;border:solid 1px #000;}
</style>

<script type="text/javascript">
function createTable() {
 document.getElementById('tb_container').innerHTML = "" ;
    var rows  = document.getElementById('tb_rows').value;
     var cols  = document.getElementById('tb_cols').value;

    tblHtml = '<table>'
    for (i=0; i<rows; i +=1 ) {
        tblHtml += '<tr>';
        for (j=0; j<cols; j +=1 ) {
         tblHtml += '<td>&nbsp;</td>';
        }
          tblHtml += '</tr>';
    }
    tblHtml += '</table>';
    document.getElementById('tb_container').innerHTML = tblHtml;
}
</script>

Rows:<input type="text" id="tb_rows" > <br>
Columns : <input type="text" id="tb_cols" >
<input type="button" value="Create Table" onclick="createTable()" > 

<div id="tb_container" ></div>