728x90 반응형 event2 jQuery 개발자 수업 69일차(3) - 자식-부모-형제 찾기, Box Model, Scroll 1. 자식-부모-형제 찾기 2. Box Model 3. Scroll 1. 자식-부모-형제 찾기 [ 자식 찾기 ] - DOM 방식: childNodes, children - jQuery 방식: children() - 예제 See the Pen by yhyuk (@yhyuk) on CodePen. [ 부모 찾기 ] - DOM 방식: parentNode, parentElement - jQuery 방식: parent(), parents() - 예제 See the Pen 부모 찾기 예제 by yhyuk (@yhyuk) on CodePen. [ 형제 찾기 ] - DOM 방식: previousSibling, nextSibling - jQuery 방식: prev(), next() - 예제 See the Pen by y.. 2021. 7. 6. JavaScript 개발자 수업 65일차 - 부모-자식-형제 태그, DOM 제어, DOM 이벤트 1. 부모-자식-형제태그 2. DOM 제어 3. DOM 이벤트 1. 부모-자식-형제태그 [ DOM Tree의 구성요소 ] - 페이지의 소스의 모든 요소들이 구성요소가 된다. - 선언문(), 주석, 태그, PCDATA, 속성 등... [ 자식 노드 접근 프로퍼티 ] 이름 설명 hasChildNodes 현재노드 기준으로, 자식노드가 있는지 없는지 true, false로 반환한다. childNodes 자식 노드 리스트를 확인한다. 유사 배열이며, 모든 타입의 노드를 자식으로 받는다. firstChild 첫번째 자식 노드를 확인한다. lastChild 마지막 자식 노드를 확인한다. [ 자식 노드 접근 예제 ] 나 첫째 자식 둘째 자식 셋째 자식 [ 자식 태그 접근 프로퍼티 ] 이름 설명 children 자식 태.. 2021. 6. 29. 이전 1 다음 728x90 반응형