2014-09-26 162 views
0

如何依次遍歷元素的子節點?按順序遍歷兒童

我可以到達所有的子節點這個代碼,但它是否正確的順序,就像在HTML頁面中一樣?

for(var i=0; i<element.children.length; i++) { 
    //... 
} 
+3

這取決於你的意思是「正確的順序」。你的意思是從頂部到底部讀取html源碼的順序? – 2014-09-26 18:21:40

+0

爲什麼不提醒孩子的innerHTML並自己測試一下? – Dale 2014-09-26 18:24:04

+0

是的,html源碼的順序從上到下 – 2014-09-26 18:24:05

回答

3

這將是他們當前存在的DOM(只要您的代碼執行)的順序,但請記住,元素可以與周圍JavaScript的移動,所以如果你在所有操縱DOM,你可能會看到各種結果。

+0

DOM中元素的位置如何隨CSS移動? – 2014-09-26 18:45:01

+0

你可以改變懸停的位置,對吧? – 2014-09-26 18:46:30

+2

我不這麼認爲。我知道的唯一方法是使用flexbox,但它改變了顯示順序,而不是DOM順序。 – 2014-09-26 18:47:49