<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> //点击按钮,出发so方法 function so(){ //根据标签名,批量获取输入对象 var inps = document.getElementsByTagName("input"); //创建一个数组,用来储存输入对象的值 var inpsValue=new Array(); //将输入对象的值储存到该数组中,因按钮也是input标签,需要-1去除该值 for(var i=0;i<inps.length-1;i++){ //利用push方法往数组中添加元素 inpsValue.push(inps[i].value); } //给数组中的元素按从大到小排序 inpsValue.sort(function(a,b){ return a-b; }); //将排序后的值返回给输入对象 for(var k=0;k<inpsValue.length;k++){ inps[k].value=inpsValue[k]; } } </script> </head> <body> 请输入第一个数字<input type="text" id="text1"/><br /> 请输入第二个数字<input type="text" id="text2"/><br /> 请输入第三个数字<input type="text" id="text3"/><br /> <input type="button" onclick="so()" value="排序"/><br /> </body> </html>