<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; charset=gb2312 "/> <title> table random sort exercise by Ahanan </title> <style type=" Text/css "> #main {width:700px; } #main div{width:200px; margin-left:10px; margin-top:20px; Float:left; } div table{width:100%; } </style> <script type= "Text/javascript" charset= "GB2312" > Function Arrrand (obj) {var a = new Array (); for (var i = 0;i < obj;i++) {A[i] = i + 1; } a.sort (function () {return 0.5-math.random ()}); return A; function randtable () {var c = Arrrand (len); for (var k = 0;k < Len;k + +) {Divs[c[k]-1].innerhtml = b[k]; } var b = new Array (); var divs = new Object; var Len;; Window.onload = function () {divs = document.getElementById ("main"). getElementsByTagName ("div"); Len = Divs.leNgth; for (var j = 0;j < len;j++) {b[j] = divs[j].innerhtml; } randtable (); } </script> </pead> <body> <div id= "main" > <div> <table border= "1" > <tr>& lt;td>a</td></tr> </table> </div> <div> <table border= "1" > <TR><TD&G T b</td></tr> </table> </div> <div> <table border= "1" > <tr><td>c</t d></tr> </table> </div> <div> <table border= "1" > <TR><TD>D</TD>&L t;/tr> </table> </div> <div> <table border= "1" > <TR><TD>E</TD></TR&G T </table> </div> <div> <table border= "1" > <tr><td>F</td></tr> </ta ble> </div> </div> <input type= "button" onclick= "Randtable ()" value= "random Sort" > cloud-dwelling Community </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]