Heim > Artikel > Web-Frontend > Wenig Wissen, das Sie benötigen, ist die Umwandlung von Zeilen in Spalten in HTML
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!