您想要将HTML排列如下:
ABCD1234进入:
A1B2C3D4正确?
您可以使用Javascript执行此操作,但是,如果不了解您的网站/ HTML文件的结构,很难建议一种方法.我会试一试.
假设你的< table>标签附带一个ID(如下所示:< table id =“myTable”>您可以在javascript中访问它,如下所示:
var myTable = document.getElementById('myTable');
您可以像这样创建一个新表:
var newTable = document.createElement('table');
现在,您需要将旧表行转置到新表列中:
var maxColumns = 0;
// Find the max number of columns
for(var r = 0; r < myTable.rows.length; r++) {
if(myTable.rows[r].cells.length > maxColumns) {
maxColumns = myTable.rows[r].cells.length;
}
}
for(var c = 0; c < maxColumns; c++) {
newTable.insertRow(c);
for(var r = 0; r < myTable.rows.length; r++) {
if(myTable.rows[r].length <= c) {
newTable.rows[c].insertCell(r);
newTable.rows[c].cells[r] = '-';
}
else {
newTable.rows[c].insertCell(r);
newTable.rows[c].cells[r] = myTable.rows[r].cells[c].innerHTML;
}
}
}
这应该做你需要的.预先警告:未经测试.将此javascript代码工作到HTML页面留给读者练习.如果有人发现我错过的任何错误,如果你指出它们或者只是编辑修复我会感到欣慰:)