parentElement

• 부모 요소가 무엇인지 반환해준다.

사용 예시

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에 해당하는 요소를 지울 수 있다.