프론트엔드/Javascript
parentElement
굴굴2
2023. 10. 1. 15:01
- 부모 요소가 무엇인지 반환해준다.
사용 예시
function deleteToDo(event) {
const li = event.target.parentElement;
li.remove();
}
- todo list에서 버튼을 누르면 생성된 리스트를 지워주는 기능이다.

- x버튼을 클릭하면 event를 얻는다.
- event는 target을 주고 그 target 은 button이다.
- 그리고 button의 부모에 접근할 수 있는데 그게 parentElement 이다.
- 내가 만든 코드에서 button의 부모는 li이기 때문에 결국 event.target.parentElement 는 li가 된다.
- 그 부모 요소인 li를 담은 변수li를 생성하고 그 li를 remove() 해주면 내가 클릭하는 button에 해당하는 요소를 지울 수 있다.