操作DOM樹基礎知識

2021-08-03 12:13:40 字數 412 閱讀 5448

1、操作dom樹

查詢獲取節點

getelementbyid()

getelementsbyname()

getelementsbytagname()

插入節點

insertbefore(newnode,oldnode) :在某個節點之前插入乙個新的節點

刪除節點

removechild() :刪除節點 通過父節點刪除

得到父節點 1、通過id 2、通過屬性parentnode獲取

替換節點

replacechild(newnode,oldnode) :替換節點 通過父節點替換

複製節點

clonenode(boolean) :複製節點 (true複製子節點)

dom基礎知識

dom 英文全稱 document object model 譯成中文即是 文件對像模型 聽起來很術語,其實就是文件內容的結構關係 文件型別可以是html或xml,dom具有對html檔案和xml檔案元素的訪問控制能力,簡單點說利用dom可以對某個html或xml檔案新增,修改,刪除元素 更改其現有...

DOM 基礎知識

dom樹中的元素節點 節點的屬性 x.nodevalue 節點物件x的值 唯讀 元素節點的 nodename 與標籤名相同 屬性節點的 nodename 是屬性的名稱 文字節點的 nodename 永遠是 text 文件節點的 nodename 永遠是 document x.nodename 節點物...

DOM基礎知識

首先,我們需要介紹什麼是dom。dom的英語全稱為document object model,翻譯成中文就 是文件物件模型。也就是說,將整個文件看作是乙個物件。而乙個文件又是由很多節點組成的,那麼這些節點也可以被看作是乙個個的物件。dom裡面的物件屬於宿主物件,需要瀏覽器來作 為宿主。一旦離開了瀏覽...