遍歷某個頁面的Dom物件

2021-08-29 15:43:36 字數 582 閱讀 8546

遍歷某個頁面的dom物件。例如想知道某個dom物件是否在獲得焦點狀態。遍歷各個dom節點判斷document.activeelement.id == node.id。來確定物件是否獲得焦點。

一般會使用各個node訪問。類似下面的寫法。並且這種寫法ie ff都支援。

可是當dom元素很多的情況下這種方法會很慢。

function iteratenode(node)

}在dom level 2標準中提供了兩個比較好的方法:

document.createnodeiterator

document.createtreewalker

createtreewalker 的功能比 createnodeiterator 強大。支援在兄弟節點上互動(nextsibling previoussibling parentnode)。支援取得首個和最後乙個dom物件(firstchild lastchild)。但是只有ff支援了。用這種方法遍歷dom物件比較快。

function showalldomsbytreewalker()

//outputalldoms(result);

//...

}

遍歷某個頁面的Dom物件

遍歷某個頁面的dom物件。例如想知道某個dom物件是否在獲得焦點狀態。遍歷各個dom節點判斷document.activeelement.id node.id。來確定物件是否獲得焦點。一般會使用各個node訪問。類似下面的寫法。並且這種寫法ie ff都支援。可是當dom元素很多的情況下這種方法會很慢...

如何處理某個Web頁面的HTTP請求

利用tcp ip協議族進行網路通訊時,會通過分層順序與對方進行通訊。傳送端從應用層往下走,接收端則從鏈路層網上走。當我們想看某個web頁面的http請求時 1 為了傳輸方便,在傳輸層 tcp協議 把從應用層收到的資料 http請求報文 進行分割,並在各個報文上打上標記序號及埠號後 給網路層。2 在網...

vue渲染頁面的流程 Vue中DOM渲染的過程

vue中dom渲染過程 1 響應式 監聽data屬性的getter setter 2 模板編譯 模板到render函式再到vnode。模板不是html,有指令 插值 js表示式,能夠實現迴圈 判斷。html是標籤語言,只有js才能實現迴圈判斷。因此,模板一定要轉化成js,即編譯模板。模板編譯為ren...