【问题标题】:Create a Javascript table that we can see创建一个我们可以看到的 Javascript 表
【发布时间】:2018-07-30 18:50:18
【问题描述】:

我想创建一个完全由 Javascript 生成的表;但是我从来没有这样做过,我在互联网上搜索了很多,但我不明白它应该如何工作!例如,我想要一个 3 行 4 列的表格,在加载页面时显示我会选择放入其中的信息。

【问题讨论】:

  • 研究使用类似 jquery 的东西生成 html
  • 我想要代码而不是像 jquery 这样的生成器
  • 嗯,有多种方法可以做到这一点,或者只是使用innerHTML 附加一个像<table><tr><td>123</td></tr></table> 这样的字符串,或者你可以使用creatElement 创建元素,无论哪种方式,如果你需要帮助,你必须发布一些您尝试过的代码
  • 如果您了解所有维度,为什么还需要 javascript?好像你可以只使用html。在提出一般性问题时,请务必说明您要解决的业务问题。
  • 请解释大局。作为记录,您需要做的就是使用像 innerHTML 这样的函数向页面添加一个 HTML 表格,就像使用 Javascript 编写其他任何东西一样。

标签: javascript html-table


【解决方案1】:

这是您需要的代码...

var arr = new Array(2);// numbers of columns
for (i = 0; i < arr.length; i++) {
    arr[i]=new Array();
}


arr[0] = new Array("a", "b", "c");//first column
arr[1] = new Array(1,2, 3);//second column

document.write('<table border="1">');

for (i = 0; i < arr.length; i++) {
    document.write("<tr>");
    for (j = 0; j < arr[0].length; j++) {
    document.write("<td>"+arr[i][j]+"</td>");
    }
    document.write("</tr>");
}

您选择输入

【讨论】:

  • 感谢您的帮助!这就是我的意思!我有一些小问题:1-是否可以在不编写 6 次代码的情况下创建 6 个具有不同列数的表? 2-是否可以让例如表 2 浮动在表 1 旁边,表 3 在表 1 下,表 4 在表 2 下等等。 3-是否可以更改字符的颜色和字的字体大小?再次感谢
  • 是的,只是让代码像一个函数......并返回代码,并插入到一个div中
猜你喜欢
  • 2022-11-23
  • 1970-01-01
  • 2013-03-31
  • 2016-12-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多