Javascript教程《在客户端把表格行变成列，列变成行并保持TD的属性不丢失》

您现在的位置： e股脑 >> 网站建设 >> Javascript教程 >> 在客户端把表格行变成列，列变成行并保持TD的属性不丢失 >> 教程正文

教程搜索

图文教程

赞助商

在客户端把表格行变成列，列变成行并保持TD的属性不丢失

来源：e股脑
点击次数：
更新时间：2007-8-9

效果如下：

function test(objTab) { var tabArray = new Array(); for(var i = 0;i C1 C2 C3 C4 onmouseover事件和onmouseout事件，nowrap C5 C6 C7 C8 C9 R1 R2 R3 R4 R4C4 R4C5 R5 R6 R7 R8 R9 R10 R11 R12 R13 R14 R15 R16 R17 R18 R19 R19C9

代码如下：

<html>

<head>

<title>在客户端把表格行变成列，列变成行</title>

function test(objTab)

{

var tabArray = new Array();

for(var i = 0;i<objTab.rows[0].cells.length;i++)

{

var tmpArray = new Array()

for(var j = 0; j<objTab.rows.length;j++)

{

tmpArray[tmpArray.length] = objTab.rows[j].cells[i].outerHTML

}

tabArray[tabArray.length] = tmpArray;

}

var str = "";

for(var i =0;i<tabArray.length;i++)

{

str += "<tr>" + tabArray[i].join("") + "</tr>"

}

str = "<table width=\"200\" border=\"1\" id=\"tab\">" + str + "</table>";

objTab.outerHTML = str

}

</script>

<!--

.style1 {color: #330099}

-->

</style>

</head>

<body>

<tr>

<td nowrap onMouseOver="this.bgColor='#66FFFF'" onMouseOut="this.bgColor=''">C4 onmouseover事件和onmouseout事件，nowrap</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td

1 2 3 下一页

上一篇教程：在IE中使用javascript

下一篇教程：完美解决一个事件激活多个函数