# parentNode

hannabananah

parentNode와 children 현재 태그의 부모 태그를 찾고 싶을 때는 parentNode를 사용한다. 위의 코드에서 tr 태그의 부모는 table 태그이다. 반대로 자식 태그를 찾으려면 children 속성을 사용한다. 자식 태그는 여러 개일 수 있으므로 children 속성은 배열 모양의 값이 된다. 단, 진짜 배열은 아니고 배열 모양의 객체이다.

h_jinny

페이지 작업을 하던 중 팝업창 기능을 구현하고 있었다. 그리고 닫기 버튼을 누르는 기능에서 클릭된 버튼(event.target)의 부모를 찾아 해당 버튼을 자식으로 가진 팝업을 닫는 기능을 작업던 중 작은 문제가 발생했다. 팝업창 닫기 버튼을 누르는 기능에서 클릭된 버튼(event.target)의 부모를 찾아 해당 버튼을 자식으로 가진 팝업을 닫는 기능을 작업중이었다. ⇒ parentNode 를 통해 버튼의 부모에 해당하는 팝업을 찾는 식 하지만 팝업의 html 구조를 수정할 때 부모가 바뀌었고, 이때 해당 기능이 동작하지 않게 된다. 이에 대한 해결책으로 단순히 부모를 찾는 parentNode 보다, 특정 선택자에 일치하는 가장 가까운 조상을 찾아주는 closest() 을 사용하였고, 이는 이후 요소의 구조가 바뀌어도 기능에 문제를 발생시키지 않는 효율적인 방법임을 알게되었다. 고친 부분 출처: [https:

banana

오늘은 다시 자바~! 03.2 클래스 사용법 : 메서드를 분류하기 클래스 문법의 또 다른 용도는 유지보수하기 좋게 메서드를 분류하는 것이다. 클래스 문법 2가지 용도 ① 데이터 타입을 만드는 거 ② 메서드 분류 int 타입 : 4 byte 메모리 float 타입 : 4 byte 메모리 new int[] : 4 byte 메모리 여러 개. 같은 int 메모리를 여러 개. 우리가 원하는 건 복합 데이터 ‐ 연락처 : 이름, 이메일, 전화번호 ‐ 책 : 제목(String), 페이지수(int), 출판일(Date) 같은 타입의 데이터로만 표현 불가능 다양한 타입이 하나의 덩어리로 묶여서 다뤄져야 됨 자바에서 제공하는 타입이 아님 똑같은 책이어도 도서관에서 책을 다룰 때랑 서점에서 책을 다룰 때는 다름 서점은 판매가격이 있어야 됨 만드는 프로그램이 무엇이냐에 따라서 책에 대한 정보가 다름 이걸 자바에서 다 만들어 놓을 수 없음 메모리

dnjswn123

console.log(event) 해서 보면, event가 클릭된 위치가 차례대로 li, ul 이런식으로 출력된 것을 알 수 있음. event라는 버튼의 프로퍼티 중 target이 있음. 모든 HTML 요소는 한개이상의 프로퍼티를 가지고 있고 그중에 하나는 parentNode/parentElement임 console.dir(event.target) 하면? 안의 속성을 들여다볼 수 있다. 내리다보면 parentNode 혹은 pa

mnmm

index.html 참고로 마지막 new div는 javascript로 구현한 것!