◆ dom 訪問關係（節點的獲得）：
節點的訪問關係，是以屬性的方式存在的。dom的節點並不是孤立的，因此可以通過dom節點之間的相對關係對它們進行訪問。
◆ 父節點：
parentnode：呼叫者就是節點。乙個節點只有乙個父節點。呼叫方式就是節點.parentnode.◆ 兄弟節點：
★ nextsibling：下乙個節點（包括空文件和換行節點）。（注：ie678中指下乙個元素節點（標籤））
★ nextelementsibling：下乙個元素節點。
下乙個兄弟節點=節點.nextelementsibling || 節點.nextsibling
★ previoussibling：前乙個節點（包括空文件和換行節點）。（ie678中指前乙個元素節點（標籤））
★ previouselementsibling：前乙個元素節點。
前乙個兄弟節點=節點.previouselementsibling|| 節點.previoussibling
◆ 單個子節點：
★ firstchild：呼叫者是父節點。第乙個節點（包括空文件和換行節點）。（ie678中指第乙個子元素節點（標籤））
★ firstelementchild:在火狐谷歌ie9都指的第乙個元素節點。
第乙個子節點=父節點.firstelementchild || 父節點.firstchild
★ lastchild:呼叫者是父節點。最後乙個節點（包括空文件和換行節點）。（ie678中指最後乙個子元素節點（標籤））
★ lastelementchild：最後乙個元素節點。
最後乙個子節點=父節點.lastelementchild|| 父節點.lastchild
◆ 所有子節點：
★ childnodes：它是標準屬性，它返回指定元素的子元素集合，包括html節點，所有屬性，文字節點。 （他還是w3c的親兒子，火狐、谷歌等高本版會把換行也看做是子節點）
nodetype == 1 表示的是元素節點，元素就是標籤
nodetype == 2 表示是屬性節點
nodetype == 3 是文字節點
子節點陣列 = 父節點.childnodes; 獲取所有節點。
★ children：非標準屬性，它返回指定元素的子元素集合。但它只返回html節點，甚至不返回文字節點，雖然不是標準的dom屬性，但它和innerhtml方法一樣，得到了幾乎所有瀏覽器的支援。
注：children在ie6/7/8中包含注釋節點 ，在ie678中，注釋節點不要寫在裡面。
子節點陣列 = 父節點.children; 用的最多。
節點自己.parentnode
.children[index];
DOM 01 DOM訪問關係 節點的獲得
父節點 兄弟節點 單個節點 ie指的是ie 6 7 8 1 獲取父節點 element.parentnode 2 獲取兄弟點 2.1獲取上乙個兄弟節點 ie element.nextsibling 其他 element.previouselementsibing 總結 var prev elemen...
DOM節點之間的關係,與節點的基本操作
以下獲取節點都會獲取所有的節點型別,不只是包括元素節點,還有文字型別等 獲取乙個元素節點的所有子節點 元素節點物件.childnodes 獲取到的是乙個類陣列nodelist 獲取乙個元素節點的第乙個子節點 元素節點物件.firstchild 獲取乙個元素節點的最後乙個子節點 元素節點物件.last...
訪問受控的dom節點
要訪問受react控制的dom節點 即父元件訪問子元件 利用子元件的ref屬性，從而獲得子元件的引用 注意 1 ref的值是唯一的 2 通過this.refs訪問的節點為v dom節點，不能直接操作 要讓訪問的v dom變成可操作 finddomnode方法 是reactdom模組的方法，主要用於根...