子節點的操作

2021-07-22 15:58:27 字數 846 閱讀 4073

描述:開始、最後、前

一、後一節點操作

開始節點:     firstelementchild、firstchild

最後節點:

lastelementchild、lastchild

nextelementsibling、nextsibling

previouselementsibling、previoussibling

(注意:前者在ie6~ie8不支援並且只獲取元素節點,後者會獲取文字節點,所以設計程式時要作處理)

操作:函式封裝,滑鼠移動背景色:藍紅藍走動

相容性**,首先需要判斷是否存在首節點,尾節點

function  firstnode(obj)

return  obj.firstelementchild||obj.firstchild;

}function  lastnode(obj)

return  obj.lastelementchild || obj.lastchild;

}function   prenode(obj)

return  obj.previouselementsibling ||(obj.previoussibling.nodetype==1?obj.previoussibling:prenode(obj.previoussibling));

}function nextnode(obj)

return  obj.nextelementsibling ||(obj.nextsibling.nodetype==1?obj.nextsibling:nextnode(obj.nextsibling));

}

元素的子節點

元素的childnodes屬性中包含了他的所有子節點,這些子節點有可能是元素,文字節點,注釋或者處理指定,也就是所 例如 在不同的瀏覽器中,返回ul元素的子節點的數目不同,因為li元素之間的空格,所以在除ie之外的其他瀏覽器之中,會返回子節點的數目為7,包括li元素之間的空白符 在遍歷子節點時,要注...

獲取子節點

js js中 childnodes 來獲取 childnodes返回的值除了a的子元素,同時也會返回換行等 無用 元素 nodenames可以得到乙個節點的節點型別 s 是js中非空字元的正規表示式 nodevalue會返回節點的值 var chils s.childnodes 得到s的全部子節點 ...

獲取子節點

parentnode.children 非標準 parentnode.children是乙個唯讀屬性,返回所有的子元素節點。它只返回子元素節點,其餘節點不返回 重點掌握 雖然children是乙個非標準,但是得到了各個瀏覽器的支援,因此我們可以放心使用 dom提供的獲取 api 獲取 body ul...