描述:開始、最後、前
一、後一節點操作
開始節點: 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...