728x90 300x250 SMALL javaScript545 부모 좌표 노드 구하기 offsetParent() 부모좌표노드란? 특정 노드의 기준 좌표가 되는 노드를 말한다. 즉 부모 좌표가 변하면 자식 노드도 영향을 받아 변하게 된다. 일반적으로 부모노드는 대상 노드를 감싸고 있는 노드가 부모 노드가 되지만 자바스크립트 DOM에서는 position absolute 또는 relative로 설정된 조상 노드 중 가장 근접한 노드가 부모 좌표노드가 된다. offsetParent() $대상.offsetParent{} 버튼을 클릭하면 p태그의 부모좌표노드가 클릭 된다. Set background-color Click button to set the background color of the first positioned parent element of this paragraph. p태그 바로위를 감싸고 있는 div 태그는.. 2023. 3. 24. 2. 탭패널 만들기 - 콜백함수 - 비공개 보호되어 있는 글 입니다. 2023. 3. 22. 1. 탭패널 만들기 - 비공개 보호되어 있는 글 입니다. 2023. 3. 21. mouseover와 mouseenter 차이점 mouseover / mouseout 마우스 커서가 노드에 들어올 경우(mouseover), 노드 밖으로 나갈 경우(mouseout) 발생하는 이벤트 만약 자식 노드가 있을 경우 자식 노드에 마우스 커서가 들어가면 이벤트가 발생 즉 부모 노드와 자식 노드는 각각 독립적인 노드로 처리된다. mouseenter / mouseleave 마우스 커서가 노드에 들어올 경우(mouseenter) 노드밖으로 나갈 경우(mouseleave) 발생하는 이벤트 만약 내부에 자식 노드가있다면 자식 노드에서는 이벤트가 발생하지 않는다. 즉 자식 노드는 부모노드에 일부로 간주한다. See the Pen mouseover mouseenter 차이 by sel (@sellttu) on CodePen. mouse out과 mouse.. 2023. 3. 19. 이전 1 ··· 42 43 44 45 46 47 48 ··· 137 다음 728x90 반응형 LIST