HTML 요소가 "z-index"또는 "append"로 앞에 가져옵니다.

Question

HTML 문서에는 div, p, img 등의 일부 HTML 요소가 있습니다.

대부분 동적으로 생성됩니다 (도움이되는 경우 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); 

나는 때문에 z-index이 요소에 삽입되지 않습니다 CSS 스타일로, appendChild의 사용을 선호합니다. 그러나 나는 appendChild 대 z-index의 선택이 더 나을지 여부를 모르겠습니다.

내 질문 : Z- 인덱스를 사용하거나/appendChild를 추가하는 것이 더 좋을까요? 감사합니다. .

Answer 1

이전 색인에서 더 빠르고 안정적이라고 가정하기 때문에 Z- 색인을 사용 하겠지만 어쨌든 그것은 나입니다. Why would appendChild disregard zIndex?

기사는 몇 가지 포인트를 의미하지만 전적으로 귀하의 질문에 집중 ins't :

여기에 유용한 기사입니다.

Answer 2

appendChild()가 Z- 인덱스와 아무런 관련이 없다고 생각합니다. 마지막 자식으로 바닥에있는 부모에게 새로운 자식을 추가하기 만하면됩니다. 다른 div 앞에 div를 표시하려면 z-index 속성을 사용하는 것이 좋습니다.