訂購DOM元素

Question

給定兩個DOM元素，比如說a和b，我們如何確定哪個文檔最先出現？

我正在實現拖放一組元素。這些元素可以按任意順序選擇，但是當它們被拖拽時，這些元素需要按照「正確」順序移動。

Answer 1

我認爲最簡單的方法是給他們兩個共同的東西，可以很容易地擡頭。舉例來說，如果它們都具有相同的name屬性，你可以使用getElementsByName，將返回的順序元素的集合，他們出現在文檔中：

var els = document.getElementsByName("myName"); 

這裏els[0]將包含的第一個元素文件，els[1]將包含第二個。

使用選擇，您可以通過使用組合,選擇分離器實現同樣的事情：

var els = document.querySelectorAll("#el1, #el2"); 

唯一的缺點是，querySelectorAll()僅由新的瀏覽器（所以IE6/7排除）的支持。另一種方法是使用像jQuery框架：

var els = $("#el1, #el2"); 

Answer 2

你要尋找的是compareDocumentPosition。 PPK具有瀏覽器兼容性詳細信息，並且John Resig有適用於IE的版本。