dom操作中的建立追加刪除

2022-08-12 22:51:20 字數 661 閱讀 8504

1.建立乙個元素

document.createelement("標籤名")   可以建立動態元素

利用文件物件建立元素

1、我們要明白當js操作dom時發生了什麼?   

每次對dom的操作都會觸發"重排"(重新渲染介面,發生重繪或回流),這嚴重影響到能耗,一般通常採取的做法是盡可能的減少 dom操作來減少"重排"        

2、什麼是文件碎片?    document.createdocumentfragment()    乙個容器,用於暫時存放建立的dom元素      

3、文件碎片有什麼用?    將需要新增的大量元素  先新增到文件碎片中,再將文件碎片新增到需要插入的位置,大大 減少dom操作,提高效能(ie和火狐比較明顯)

2.元素的替換

父元素.replacechild(新,舊)      如果操作的是頁面已經存在的執行的是剪下操作

3.拼接字串

var str ="";

for(var i = 0;istr += "" + arr[i] + "";

}lists.innerhtml= str; 

4.建立元素的插入操作

在內部的末尾進行追加,通常作為最後乙個子元素

(2):父元素.instrbefor(子元素)

內部插入,通常是在誰之前插入的

檔案的讀取 建立 追加 刪除 清空

一 用python建立乙個新檔案,內容是從0到9的整數,每個數字佔一行 python f open f.txt w r唯讀,w可寫,a追加 for i in range 0,10 f.write str i n f.close 二 檔案內容追加,從0到9的10個隨機整數 python import ...

檔案的建立 刪除 內容追加 壓縮 解壓

using microsoft.win32 using system using system.collections.generic using system.diagnostics using system.io using system.linq using system.net using ...

Python 檔案的讀取 建立 追加 刪除 清空

一 用python建立乙個新檔案,內容是從0到9的整數,每個數字佔一行 python f open f.txt w r唯讀,w可寫,a追加 for i in range 0,10 f.write str i n f.close 二 檔案內容追加,從0到9的10個隨機整數 python import ...