js node節點深入理解

2021-10-18 17:14:11 字數 1547 閱讀 7701

node是個介面,有許多dom型別從這個介面繼承,並允許類似的處理(或檢測)這些各種型別。在方法和屬性不相關的特定情況下,這些介面可能會返回null。

比如說,dom中的element,text和comment都繼承於它。換句話說,element,text和comment是三種特殊的node,它們分別叫做element_node,text_node和comment_node。

節點型別

nodetype

元素element

1屬性attr

2文字text

3注釋comments

8文件document

9節點的屬性

例如:實際上node表示的是dom樹的結構,在html中,節點與節點之間是可以插入文字的,這個插入的空隙就是text_node,即:

we can put text here 1...

we can put text here 2...

<

!-- my comment ... -->

we can put text here 3...

china is a popular country with...

we can put text here 4...

see details

we can put text here 5 ...

所以:body的直系元素(3)+ comment_node(1) + text_node(5) = 9

獲取元素節點

getelementbyid():獲取指定唯一id的元素。

getelementbytagname():獲取指定元素標籤名的元素陣列。

getelementbyname():獲取具有指定屬性name的元素陣列。

子節點element.childnodes:返回該元素的子節點陣列。注意:換行在瀏覽器中作為text節點,需要進行過濾

element.firstchild:該元素的第乙個子節點。

element.lastchild:該元素最後乙個子節點。

父節點element.parentnode

兄弟節點

element.previoussibling:返回相同的樹層級中的前乙個節點,如果沒有,則為null

element.nextsibling:返回相同的樹層級中的後乙個節點,如果沒有,則為null

建立節點

createelement() 按指定標籤名建立節點

複製節點

clonednode = node.clonenode(boolean) 傳入布林值,true表示複製該節點下的所有子節點

移除目標節點

parentnode.removechild(childnode)

替換目標節點

parentnode.replace(newnode, targetnode) 使用newnode 替換targetnode

深入理解linux i節點 inode

深入理解linux i節點 inode 對於unix系列的作業系統,大多都有v節點。但是對於linux來說,只有通用的i節點,卻沒有v節點。下面來 一下,linux下的i節點。linux中,檔案查詢不是通過檔名稱來查詢的。實際上是通過i節點來實現檔案的查詢定位的。我們可以形象的將i節點看做是乙個指標...

深入理解linux i節點 inode

對於unix系列的作業系統,大多都有v節點。但是對於linux來說,只有通用的i節點,卻沒有v節點。下面來 一下,linux下的i節點。linux中,檔案查詢不是通過檔名稱來查詢的。實際上是通過i節點來實現檔案的查詢定位的。我們可以形象的將i節點看做是乙個指標fip。當檔案儲存到磁碟上去的時候,檔案...

深入理解linux i節點 inode

對於unix系列的作業系統,大多都有v節點。但是對於linux來說,只有通用的i節點,卻沒有v節點。下面來 一下,linux下的i節點。linux中,檔案查詢不是通過檔名稱來查詢的。實際上是通過i節點來實現檔案的查詢定位的。我們可以形象的將i節點看做是乙個指標fip。當檔案儲存到磁碟上去的時候,檔案...