DOM(문서객체모델)

▶sibling

- 태그 안에 엔터도 인식해서 공백을 지워줌.

- previousSibling;      :하나 이전 요소

- nextSibling;           :하나 이후 요소

▶node

- 로그 창으로 ul 의 자식요소 li 5개를 확인할 수 있음.

▶nodeValue

- 두번째, 네번째 리스트의 텍스트를 바꿈.

▶text

- <em> display:none 상태

- textContent : 숨김 처리 한 텍스트도 가져옴

- innerText : 화면에 보이는 텍스트만 가져옴.

- innerHTML : 숨김 처리 한 텍스트와 태그(em)까지 가져옴.

 

▶DOM 요소 추가

- A.appendChild(B)     : 노드A에 자식 노드B를 삽입해서 자식 노드로 만든다.

- ul의 자식노드로 newEl(추가)토마토 카프리제)를 추가.

▶DOM 요소 제거

- 2번째와 5번째 리스트 제거