操作DOM文件

2021-05-22 10:43:12 字數 489 閱讀 9375

html dom載入過程及其處理

解析html結構

載入外部指令碼和樣式表檔案

解析並執行指令碼**

構造html dom模型

載入等外部檔案

頁面載入完畢

一般可執行指令碼都放在頁面初始化事件處理函式中,這樣能保證文件完全載入完畢後才執行指令碼,即第六步時才執行指令碼:

window.onload = function(){

write()和writeln()使用注意事項:

我們只能在當前文件正在解析時使用write方法向其輸出html**,即只能在script元素中呼叫write方法,因為這些指令碼的執行是文件解析過程的一部分。如果從事件處理函式中呼叫write方法,那麼write方法動態輸出的結果將會覆蓋當前文件,而不是將文字新增到其中。所以在使用時一定要小心,不可以在事件處理函式中包含write和writeln方法。

dom操作之文件碎片

在日常的工作中,避免不了我們要想乙個元素中插入大量的動態元素,比如 在頁面中有乙個ul,我們隨著頁面的某乙個事件的觸發,需要向 box中插入大量的li,正常的寫法為 var oul document.queryselectorall box 0 for var i 0 i 1000 i var fr...

dom操作之文件碎片

在日常的工作中,避免不了我們要想乙個元素中插入大量的動態元素,比如 在頁面中有乙個ul,我們隨著頁面的某乙個事件的觸發,需要向 box中插入大量的li,正常的寫法為 var oul document.queryselectorall box 0 for var i 0 i 1000 i var fr...

DOM文件,和表單操作

建立節點和插入節點 間接查詢元素 替換節點 轉殖節點 刪除節點 獲取表單 獲取input元素 獲取單選按鈕 獲取下拉選項 表單提交 文件節點 文件本身 整個文件 document 元素節點 所有的 html 元素 如 a div p 等 屬性節點 html 元素內的屬性 如 id href name...