JS應用DOM入門

2021-09-01 16:45:17 字數 1093 閱讀 9996

dom提供了一套屬性用於導航、訪問和更新文件內容,其中包括唯讀型別的屬性和可讀寫型別的屬性。

下表是唯讀型別的屬性: 

dom物件屬性

返 回 值

firstchild

返回乙個物件(object),表示第乙個孩子節點(child node)。

lastchild

返回乙個物件(object),表示最後乙個孩子節點(child node)。

nextsibling

返回乙個物件(object),表示下乙個相鄰的兄弟節點。

nodename

返回節點對應的html標記。比如:p,script。對應文字項節點,返回#text。

nodetype

返回節點的型別,

1表示此節點是標記(tag),

2表示屬性(attribute),

3表示文字項。

parentnode

返回乙個物件(object),表示當前節點的雙親節點(parent node)。

previoussibling

返回乙個物件(object),表示前乙個相鄰的兄弟節點。

specified

返回乙個布林型變數(boolean),表示是否設定了屬性值(attribute)。

下表是可讀寫型別的屬性: 

dom物件屬性

返 回 值

data

返回乙個字串,表示文字項節點的值。如果是其他型別節點,返回undefined。

nodevalue

返回乙個字串,表示文字項節點的值。如果是其他型別節點,返回null。

dom物件屬性

返 回 值

attributes

表示節點的屬性集合,通過id來訪問,比如attributes.id。

childnodes

表示節點的孩子節點集合,通過陣列索引方式訪問,比如:childnodes[2]。

JS應用DOM入門 2 DOM的物件屬性

dom提供了一套屬性用於導航 訪問和更新文件內容,其中包括唯讀型別的屬性和可讀寫型別的屬性。下表是唯讀型別的屬性 dom物件屬性 返 回 值 firstchild 返回乙個物件 object 表示第乙個孩子節點 child node lastchild 返回乙個物件 object 表示最後乙個孩子節...

js入門 Dom基礎

dom documentobject model,文件物件模型。dom有三個不同的部分。1 核心dom 也是最基礎的文件結構的標準模型 2 xmldom 針對xml文件的標準模型 3 html dom 針對html文件的標準模型 對於乙個新生程式設計師來說。html是什麼,其實並不重要。但是都知道。...

js學習總結 DOM增刪改和應用

動態建立乙個元素標籤 createelement document.createelement 動態建立乙個元素標籤物件 insertbefore 把新的元素newele新增到老的元素oldele之前 oldele.parentnode.insertbefore newele,oldele remo...