如何通过JavaScript显示输入的列表行? [英] How do I display inputted column table rows through javascript?

查看:147
本文介绍了如何通过JavaScript显示输入的列表行?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我试图编写一个程序,它会给我的Table元素适当的列和行,我能够做到行部分,但是我停留在列上,我的代码不工作?

 < body> 
< table>
< script>
var c = parseInt(prompt(Enter column))// 10
var r = parseInt(prompt(Enter column))// 10

while( 0< c){
c--;
document.write(< td style>< / td>)
}

var r = parseInt(提示(Enter row))$ b $ (0 r--;
document.write(< tr>< / tr>)
}
< / script>
< / table>
< / body>


解决方案

列由单元格定义 - 嵌套行。此外,您需要多次运行(针对每一行),因此您无法使用该变量。



请尝试以下代码:

p>

 < script> 
var c = parseInt(prompt(Enter column))// 10
var r = parseInt(prompt(Enter row))// 10
var cTmp = c;

while(0 r--;
cTmp = c;
document.write(< tr>)
while(0< cTmp){
cTmp--;
document.write(< td style>< / td>)
}
document.write(< / tr>)
}
< / script>

编辑

您应该注意,html表格不是由行和列定义的,而是由行和每行内的单元格定义的。实质上,这会创建列,但我们会为每一行重新定义它们。

I'm trying to write a program that will give my Table element appropriate column and rows I was able to do the rows part but I get stuck on columns, what is my code not working?

<body>
    <table>
        <script>
            var c = parseInt(prompt("Enter column ")) // 10
            var r = parseInt(prompt("Enter column ")) // 10

            while (0 < c) {
                c--;
                document.write("<td style></td>")
            }

            var r = parseInt(prompt("Enter row "))
            while (0 < r) {
                r--;
                document.write("<tr></tr>")
            }
        </script>
    </table>
</body>

解决方案

Columns are defined by the cells - which are nested in the rows. Also, You would need to run through that more than once (for each row), so you can't spend the variable.

Try the code as following:

<script>
   var c = parseInt(prompt("Enter column ")) // 10
   var r = parseInt(prompt("Enter row ")) // 10
   var cTmp = c;

   while(0<r){
      r--;
      cTmp = c;
      document.write("<tr>")
      while(0<cTmp){
          cTmp--; 
          document.write("<td style></td>")
      }
      document.write("</tr>")
   }
</script>

Edit

You should note that html tables are not defined by rows and columns, rather by rows, and the cells within each row. In essence, this creates columns, but we redefine them for each row.

这篇关于如何通过JavaScript显示输入的列表行?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆