javascript - HTML 元素用 "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?

这篇文章暗示了一些观点，但并未完全针对您的问题。