直接上代码

 1 //抓取元素
 2 var oBox1 = document.getElementById('box1'); //text1
 3 var oBox2 = document.getElementById('box2'); //text2
 4 var oBtn = document.getElementById('btn'); //button
 5 var oP = document.getElementById('p1'); //p
 6 //点击事件
 7 oBtn.onclick = function(){  
 8 //类型转换和排序
 9     var arr1 = oBox1.value.split('');
10     arr1.sort();
11     var arr2 = oBox2.value.split('');
12     arr2.sort();
13 //去重   
14     for(var i=0;i<arr2.length;i++){
15          for(var j=0;j<arr1.length;j++){
16                if(arr2[i] === arr1[j]){
17                    arr1.splice(j,1);
18                }
19          }
20     }
21 //输出结果
22    oP.innerHTML = arr1;
23 };

效果例子:

box1:1,2,3,4,5,6,7,8,9,10

box2:2,5,7

p1:1,3,4,6,8,9,10

此方法不考虑1-n中有重复数字