HTML-Element帶「z-index」或「append」？

Question

HTML文檔具有一些HTML元素，如div，p，img，...

大多數都是動態創建的（如果有幫助的css：「position：absolute;」）。

每次在OnClick之後，元素都必須到達其他元素的前面。

我的意思是：

element.parentNode.appendChild(element); 
or 
element.parent().append(element); 

或

// E.g. with css as follows: 
$('#ObjId').css('z-index', HighestIndx+1); 

我更喜歡使用appendChild，由於CSS樣式z-index不會被插入的元素。 但我不知道appendChild與z-index的選擇是否會更好。

我的問題：使用z-index或append/appendChild有什麼更好？ 謝謝。

Answer 1

我會使用z-index，因爲我認爲它在舊瀏覽器中更快，更可靠，但無論如何，這就是我。

這裏是一個有用的文章： Why would appendChild disregard zIndex?

文章暗示一些點，但ins't完全集中到你的問題。

Answer 2

我不認爲appendChild（）與z-index有什麼關係。它只是把一個新的孩子添加到調用父母作爲最後一個孩子的底部。如果你想在另一個div前顯示你的div，那麼建議你應該使用z-index屬性。