HTML DOM樹生成之 匿名元素

2021-04-27 21:16:23 字數 640 閱讀 4445

匿名(anonymous)元素有兩種:  匿名 block 元素 和 匿名 inline 元素.

匿名元素是指原來的dom樹中不存在的元素,但是為了滿足css標準  而出現的一種元素。

什麼時候會出現匿名元素呢? 這要分情況來說:

第一種情況:

block 元素內部包含有 block 元素和 inline 元素, 如:

這樣,為了滿足css的標準:

乙個匿名block 被生成:

第二種情況:

當block 元素內部包含有匿名文字(anonymous text)和inline元素, 如:

為了滿足css標準, 乙個匿名inline 被生成

總結: block 元素內部要麼全部是block元素,要麼全部是inline元素. (不考慮浮動塊和絕對定位塊).

第三種情況:

這種情況比較複雜, css規定 inline 元素內部只能包含inline元素. 但是如果還是有哪個網頁作者,堅持要在inline元素裡面插入包含block元素,如:

那麼這時候, inline元素 會被破壞,拆成兩部分,並且本身也被匿名block包含

HTML DOM生成乙個可以拖拽的元素

假設我們想對下面這個元素進行拖拽 dragme class draggable drag mediv 修改css draggable 為了讓其可以被拖拽,我們需要處理三個事件 滑鼠的當前位置 let x 0 let y 0 找到要拖拽的元素 const ele document.getelement...

最小生成樹之Prim

a 生成樹 b 未被訪問過的點的集合 pre i 生成樹中i的前驅節點。a中的dis i 生成樹中包含點i的邊的長度。b中的dis i i到a的最短距離 vis 標記是否遍歷過 是否屬於a prim演算法的思想 1.任選一點,不妨選擇第乙個點,加入生成樹a。2.遍歷b,尋找一點u,使其到a的距離最小...

最小生成樹之prim演算法

最小生成樹的演算法思想和介面介紹過的求單源的最短路徑演算法dijkstra演算法有很多相似地方,甚至很多 都是一樣。prim演算法要解決的主要問題是路徑的最短問題。假設平面上有很多點,各個點之間有很多的線連線起來,並且到達各個點的距離不相同,需要求出一條路徑,使得各個點都能被連線起來,並且他們的距離...