<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script> <title>RunJS 演示代碼</title> <style type="text/css"> #dd a{ padding: 0 10px; } </style> <script> onload = function() { var as = dd.getElementsByTagName("a"); var arr = []; for (var i = 0; i < as.length; i++) { arr.push(as[i]); } var reg = /^\s+|\s+$/g; arr.sort(function(a, b) { var af = a.innerHTML.replace(reg, ""); var bf = b.innerHTML.replace(reg, ""); if (af.localeCompare(bf) > 0) { return 1; } else if (af.localeCompare(bf) < 0) { return -1; } else { return 0; } }); for (var i = 0; i < arr.length; i++) { dd.appendChild(arr[i]); } } </script> </head> <body> <div id="dd"> <a href="guangzhou">廣州</a> <a href="beijing">北京</a> <a href="shanghai">上海</a> <a href="tianjin">天津</a> <a href="shenzhen">深圳</a> </div> </body> </html>