HTML-Element带有“z-index”或“append”？

Question

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

大多数都是动态创建的（如果有用的话css：＆＃34; position：absolute;＆＃34;）。

每次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 vs z-index的选择是否会更好。

我的问题：使用z-index或append / appendChild更好？ 感谢。

Answer 1

我会使用z-index，因为我认为它在旧浏览器中更快更可靠，但无论如何都是我。

这是一篇有用的文章： Why would appendChild disregard zIndex?

这篇文章暗示了一些观点，但并不完全集中在你的问题上。

Answer 2

我不认为appendChild（）与z-index有任何关系。它只是将一个新子节点添加到调用父节点作为最后一个子节点。如果你想在另一个div前显示你的div，那么建议你选择 z-index 属性。