html tr td表格呈现的数据 列变成行,行变成列可以吗?

JavaScript028

html tr td表格呈现的数据 列变成行,行变成列可以吗?,第1张

你问的是如同excel中的“复制-选择性粘贴-转置”的效果吧?

若是的话,你的需求就可以通过js方法实现的:

首先定义一个多维数组,将table中的数据添加到这个数组中;

然后,重建(若是行列数亮相等<包括thead中的行>,就不需要创建)一个新的table,将数据加载到table中;

最后隐藏原来的table就可以了

JS获取表格行数和列数 function show() { var tab = document.getElementById("test") //表格行数 var rows = tab.rows.length //表格列数 var cells = tab.rows.item(0).cells.length alert("行数"+rows+"列数"+cells)} nbspnbsp

1、先用js定义一个变量,就是一个字符串的变量,如图,字符串用逗号隔开。

2、要把字符串转化成数据,我们可以使用JS内置的方法,split方法就行了,这个方法要注意的地方,就是参数,由于字符串是用逗号隔开的,参数就输入逗号就行了。

3、为了验证效果,可以把结果输出到控制台上,使用console.log方法,把结果输出就行了。

在4、脚本里,直接调用刚才的方法,当页面打开后,就会直接执行。

5、打开浏览器的开发者工具,点击‘控制台’。

6、在这里就可以看到输出的结果了,可以看到这个结果就是一个数组。

7、点击展开这个数组,可以看到数组每一项的内容。