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的映射机制，将添加的和原来的建立的映射关系。长度不变。  

`

转载于:https://www.cnblogs.com/rainbow8590/p/7096153.html