DOM複習Day3 新增和刪除

2021-09-26 07:41:37 字數 830 閱讀 7395

①建立乙個空元素:var a =document.createelement("a")

注意:只能用document呼叫

②給新元素新增內容或屬性

例如:

a.innerhtml="click  me"

但是,這樣在頁面中仍然看不見,因為新建立的元素還未掛載到dom樹上,排版引擎和繪圖引擎未能得到新新增的元素,所以沒有普、重排重繪。所以,我們先要把新元素掛載到dom樹上

③將新元素掛載到dom樹上

--1.將新元素追加到父元素下面的所有子元素的末尾

--2.將新元素插到某個子元素之前

父元素.insetbefore(新元素,被插元素)

--3.用新元素替換某個舊元素

父元素.replacechild(新元素,被替換元素)

注意啦!!!將新元素掛載到dom樹上時,都要先找到它新增位置的父元素,由父元素呼叫函式新增子元素

但是不能頻繁的新增,操作dom樹。因為,只要操作一次,系統就要重排重繪,這樣容易引起閃屏

1.如果同時新增父元素和子元素,先將子元素新增到父元素上,在一次性將父元素整體掛載到dom樹上,這樣系統只需要重排重繪一次

2.如果父元素已經在頁面上了,需要新增多個平級子元素。先建立乙個文件片段充當父元素,將多個子元素新增到文件片段上,再將文件片段一次性掛載到dom樹上

辣麼啥玩意是文件片段呢???

文件片段是記憶體中臨時儲存多個變數的虛擬父元素,不用擔心它會影響頁面效果,等將多個子元素掛載到dom樹上時,它便功成身退的自動釋放了,只留身後名!

父元素.removechlid(被移除元素)

明日預告

-------常用 html dom物件

C語言複習day3(題目練習)

1.統計從鍵盤輸入一行字元的個數,當輸入換行符時退出程式。includevoid main printf d n n 2.求1!2!3!10 的和。includevoid main printf d n s 3.隨機輸入若干整數,求輸入數值中偶數之和。輸入 1時程式結束。includevoid ma...

css複習 文字與文字 day3

文字加粗 font weight bold 加粗 normal 正常,不加粗 預設值 文字大小 font size 文字樣式 font style italic 傾斜 normal 正常 字型 font size 例子 box 行高 line height 行高 一行文字在頁面當中所占用的高度 偶數...

資料結構和演算法 Day 3

演算法效率的度量方法 1 事後統計法 這種方法主要是通過設計好的測試程式和資料,利用計算機計時器對不同演算法編制的程式的執行時間進行比較,從而確定演算法效率的高低。2 事前分析估算法 在電腦程式編寫前,依據統計方法對演算法進行估算。影響高階語言程式執行時間的因素 1 演算法採用的策略,方案 2 編譯...