DOM的映射机制

·
DOM的映射机制：页面中的标签和JS获取到的元素对象是紧紧地绑定在一起的，html结构改变了，JS中不需要重新获取集合里的内容也会跟着改变。

var lis = document.getElementsByTagName_r('li');
console.log(lis.length) >>> n //原来页面有n个li
var newli = document_createElement_x_x_x_x_x('li')
ul.a(newli); >>> n+1 //再次打印就会比原来的多一个
console.log(lis.length)

如果对表格进行排序：每个li的内容是22,55,11,88,66
这时li的长度是5；
下面进行操作 :
var lis = document.getElementsByTagName_r('li');
LIS = Array.prototype.slice.call(lis,0)
LIS.sort(function(a,b){
return parseInt(a.innerHTML) - parseInt(b.innerHTML)
})

var frg = document_createDocumentFragment()
for(var i = 0 ; i< LIS.length; i++){
frg.a(LIS[i])
}
ul.a(frg)
frg = null;
console.log(lis.length) >>> 5 //因为DOM的映射机制，将添加的和原来的建立的映射关系。长度不变。
`