獲取節點方法二

2021-06-17 23:47:03 字數 1312 閱讀 4751

通過層次關係獲取節點

節點之間都存在著層次關係: 1,

父節點是唯一的節點

parentnode

2.子節點

是可以有多個

childnodes

3,兄弟節點

上乙個兄弟節點

是唯一的節點

previoussibling

下乙個兄弟節點

是唯一的節點

nextsibling

節點型別:

1,標籤型節點.   型別:1

2,文字型節點.   型別:3     #text

3,屬性節點.     型別:2

4,注釋節點.     型別:8     #comment

//獲取**節點

var tabnode = document.getelementbyid("tabid");

//1,獲取父節點

var node = tabnode.parentnode;

alert(node.nodename+"...."+node.nodetype+"....."+node.nodevalue);*/

//2,獲取子節點

var nodes = tabnode.childnodes;//注意**節點的子節點預設就是

tbody.

alert(nodes[0].nodename);

var trnodes = nodes[0].childnodes;

alert(trnodes[0].nodename);*/

//3,獲取兄弟節點

var node = tabnode.previoussibling;//

上乙個兄弟節點

alert(node.nodename+"......."+node.nodetype+"...."+node.nodevalue);

//下乙個兄弟節點

node = tabnode.nextsibling;

alert(node.nodename);

//獲取下乙個不是空白文字的節點

node = node.nextsibling;

while(node.nodetype=3 &&node.nodevalue==' ')

node  =node.nextsibling;

alert(node.nodename+"......."+node.nodetype+"...."+node.nodevalue);

//對於兄弟節點獲取時,會出現空白文字節點,所以最好都要跟上對獲取到的節點的判斷.所以判斷最好加上正規表示式,判斷空白或者回車符等.比較麻煩,那麼獲取節點時,盡量避免使用兄弟節點.

jTree節點獲取方法

jtree1.addtreeselectionlistener new treeselectionlistener system.out.println treenode 獲取選中節點的父節點 defaultmutabletreenode parent defaultmutabletreenode ...

Dom 獲取節點方法

元素節點 html標籤 img body input div 文字節點 文字部分 屬性節點 標籤內的屬性 注釋節點 1.document 頁面中最大的節點,有且只有乙個。不屬於元素節點,是頁面中所有節點的容器。根節點。2.html 頁面中最大的元素節點。根元素節點。3.元素節點 html標籤 4.文...

獲取節點物件的方法

var odiv document.queryselector div 1,獲取當前標籤中所有的子級節點 執行結果,是乙個偽陣列,可以foreach 形式是與 queryselectorall 獲取的偽陣列是一樣的 console.log odiv.childnodes 2,獲取當前標籤中,所有的元...