前端学习笔记

1.今天遇到一个sort排序问题，是数字排序，我一开始以为 
[1,3,22,9,12].sort()排序的话，结果是按从大到小的，但实际情况不是这样，而是[1，12，22，3，9] 
也就是说，这个排序是按照字符来比较的。想要正确的排序的话，需要重写

    var a1 =  [2,333,4,12],a2 =[1,3,4,6];    a1.sort(function(a,b){        if(a>b){            return 1;        }else{            return -1;        }    });    alert(a1)

这样的结果就能输出想要的排序

2. js原生的增删替换

<div id="J_main">

   <div id="J_one">
   </div>
   <div id="J_three">
   </div>
   <div id="J_four">
   </div>
</div>
<script type="text/javascript">
//插入
var insertEl = document.createElement('div');
insertEl.innerHTML = '我是插入的';
insertEl.setAttribute('class','insertClass');
document.getElementById('J_main').appendChild(insertEl);

//中间插入
var middleInsertEl = document.createElement('div');
middleInsertEl.innerHTML = '中间插入';
document.getElementById('J_main').insertBefore(middleInsertEl,document.getElementById('J_three'));

//el.insertBefore(el1,null) 等值于 el.appendChild(el1);

//替换
//replace
var replaceEl = document.createElement('div');
replaceEl.innerHTML = '替代';
document.getElementById('J_main').replaceChild(replaceEl,document.getElementById('J_one'));

//删除
document.getElementById('J_main').removeChild(document.getElementById('J_four'))

</script>