在學習html的時候，我們需要知道些什麼，我們要了解哪些小知識，以下小編就來為大家介紹一下html行轉列。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>行转列</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type = "text/javascript">
$(function(){
var trs = $("#table tr");
var tdLength = $("#table > tbody > tr:eq(1) > td").length;
$("#rc").html("rows:" + trs.length + "\t columns:" + tdLength);
var times = new Array();
$("#row2col").click(function(){
var begin = new Date();
var newTable = $("<table></table>").css({"border":"1px red solid"}).attr("border","1");
newTable.appendTo($("#show"));
for(var i = 0; i < tdLength; i++){
var tr = $("<tr></tr>");
trs.each(function(index){
var td = $("td:eq("+i+")",$(this));
tr.append(td.clone());
});
newTable.append(tr);
}
var end = new Date();
var totalTime = end.getTime() - begin.getTime();
times.push(totalTime);
$("#time").append( "times:"+ totalTime + "<br/>");
$("#avgTime").html(function(){
var totals = 0;
var count = times.length;
for(var i in times){
totals += times[i];
}
return "平均时间：" + (totals/count) + "mm";
});
});
});
</script>
</head>
<body>
<input type = "button" value = "row2col" id = 'row2col' />
<p id = "rc"></p>
<p id = "time" ></p>
<p id = "avgTime"></p>
<p id = 'show' >
</p>
<table border = "1" id = "table">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>以上是你必須了解的小知識-html 行轉列的詳細內容。更多資訊請關注PHP中文網其他相關文章！
