DOM的對映機制

2021-08-09 18:14:45 字數 799 閱讀 9372

·

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))

var frg = document_createdocumentfragment()

for(var i = 0 ; i< lis.length; i++)

ul.a(frg)

frg = null;

console.log(lis.length) >>> 5 //因為dom的對映機制,將新增的和原來的建立的對映關係。長度不變。

DOM的對映機制

dom的對映機制 頁面中的標籤和js獲取到的元素物件是緊緊地繫結在一起的,html結構改變了,js中不需要重新獲取集合裡的內容也會跟著改變。var lis document.getelementsbytagname r li console.log lis.length n 原來頁面有n個li va...

dom 事件機制

addeventlistener 方法用於向指定元素新增事件。element.addeventlistener event,function,usecapture 引數描述 event function 必須。指定要事件觸發時執行的函式。當事件物件會作為第乙個引數傳入函式。事件物件的型別取決於特定的...

訊息對映機制

大家看的出下面程式的錯誤嗎?include include message.h class myframe public cframewnd myframe afx msg void onexit afx msg void onlbuttondown uint nflags,cpoint point...