鏈接地址:http://blog.csdn.net/hj7jay/article/details/53389522
關系
父關系API
parentNode :每個節(jié)點都有一個parentNode屬性绍申,它表示元素的父節(jié)點成肘。Element的父節(jié)點可能是Element,Document或DocumentFragment;
parentElement :返回元素的父元素節(jié)點贮懈,與parentNode的區(qū)別在于浅碾,其父節(jié)點必須是一個Element元素,如果不是从祝,則返回null襟己;
子關系API
children :返回一個實時的 HTMLCollection ,子節(jié)點都是Element牍陌,IE9以下瀏覽器不支持擎浴;
childNodes :返回一個實時的 NodeList ,表示元素的子節(jié)點列表毒涧,注意子節(jié)點可能包含文本節(jié)點贮预、注釋節(jié)點等;
firstChild :返回第一個子節(jié)點契讲,不存在返回null仿吞,與之相對應的還有一個 firstElementChild ;
lastChild :返回最后一個子節(jié)點捡偏,不存在返回null唤冈,與之相對應的還有一個 lastElementChild ;
兄弟關系型API
previousSibling :節(jié)點的前一個節(jié)點银伟,如果不存在則返回null你虹。注意有可能拿到的節(jié)點是文本節(jié)點或注釋節(jié)點绘搞,與預期的不符,要進行處理一下傅物。
nextSibling :節(jié)點的后一個節(jié)點夯辖,如果不存在則返回null。注意有可能拿到的節(jié)點是文本節(jié)點董饰,與預期的不符蒿褂,要進行處理一下。
previousElementSibling :返回前一個元素節(jié)點卒暂,前一個節(jié)點必須是Element啄栓,注意IE9以下瀏覽器不支持。
nextElementSibling :返回后一個元素節(jié)點介却,后一個節(jié)點必須是Element谴供,注意IE9以下瀏覽器不支持。