dom基礎知識

2021-09-12 01:19:18 字數 1305 閱讀 2889

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

dom之引用當前整個網頁文件:document

dom如何快速在網頁中查詢某一元素:getelementbyid

dom中查詢一組標籤,具有相同名稱的標籤元素:getelementsbytagname

根據標籤的id屬性值或name屬性來查詢多個元素:getelementsbyname

dom中建立,新增,刪除,修改,替換,複製,網頁中的標籤和文字內容的方法如下,

在網頁中的建立乙個標籤元素:createelement

建立一段文字內容:createtextnode

刪除元素的dom方法是:removechild

修改網頁中標籤元素的屬性:setattribute

替換已存在的標籤或元素:replacechild

複製轉殖已存在的標籤或元素:clonenode

獲取和修改元素內的html標籤與文字內容:innerhtml

獲取或修改元素的文字內容,僅支援ie:innertext

獲取或修改元素的文字內容,支援ff:textcontent

dom中操作父元素,子元素,兄弟元素的相關命令

獲取父元素的指令是:parentnode

獲取元素中第乙個子元素:firstchild

獲取元素中最後面的那個子元素:lastchild

獲取元素中所有的子元素:childnodes

獲取前乙個兄弟元素:previoussibling

獲取後乙個兄弟元素

html dom中還專門提供了一組介面用來操作網頁中的**table元素,

html dom中的insertrow方法可以為**增加一行

刪除**中一行的方法是:deleterow

html dom中的insertcell方法可以為**某行中增加一列

刪除行中的一列的方法是:deletecell

html dom中的createcaption方法可以為**建立乙個標題

html dom中的createthead方法可以為**建立乙個thead

html dom中的createtfoot方法可以為**建立乙個tfoot

引用**中所有行的屬性為:rows

引用**中某行的所有列:cells

移動**中的行,只支援ie:moverow

DOM 基礎知識

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

DOM基礎知識

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

DOM小基礎知識

1.獲取頁面中的html元素 2.獲取或改變頁面中的html元素內容 3.獲取或改變頁面中的html屬性 4.獲取或改變頁面中的css樣式 5.為元素繫結事件 6.建立html元素 7.刪除已有的html元素 通過id查詢html元素 唯一 var p document.getelementbyid...