Heim > Artikel > Web-Frontend > Wenig Wissen, das Sie benötigen, ist die Umwandlung von Zeilen in Spalten in HTML
Wenig Wissen, das Sie benötigen, ist die Umwandlung von Zeilen in Spalten in HTML
- 零下一度Original
- 2017-04-25 14:14:462594Durchsuche
Was müssen wir beim Erlernen von HTML wissen und welche wenigen Kenntnisse müssen wir wissen? Der folgende Editor stellt Ihnen vor, wie man HTML-Zeilen in Spalten umwandelt.
<!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>Das obige ist der detaillierte Inhalt vonWenig Wissen, das Sie benötigen, ist die Umwandlung von Zeilen in Spalten in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie konvertiert man eine dynamische PHP-Webseite in HTML?Nächster Artikel：Wie konvertiert man eine dynamische PHP-Webseite in HTML?