Node 제거 API
$().remove() : 선택된 엘리먼트 제거
$().empty() : 선택된 엘리먼트가 갖고있는텍스트 노드 제거
Node 바꾸기 API
$().replaceAll : 제어 대상을 인자로 전달
ex) $('<div>blabla</div>').replaceAll('#target1');
$().replaceWith : 제어 대상을 먼저 지정
ex) $('#target2').replaceWith('<div>blabla</div>');
Node 복사 API
$(target).clone() : 제어 대상을 복사
ex) $(target).clone().replaceAll('#target1');
ex) $(target1).replaceWith($(target).clone());
Document 객체
- Dom의 시작점, 문서 전체를 시작하는 시작점
- HTML 문서에서는 HTMLDocument를 사용
- Document 객체는 Window 전역객체의 하위객체
- document.childNodes // [<!DOCTYPE html>. <html>..</html>]
Document 객체 주요기능
문서에서 사용될 Node 생성
ex) document.createElement('li');
문서 정보 API
ex) document.title, document.URL
TEXT 객체
ex) <p>TEXT객체</p>
- TEXT 객체는 CharacterData의 기능을 상속받음
TEXT 객체 API
값 API : nodeValue data
조작 API
- appendData(stringData)
- deleteData(start, length) : start+1번째 부터 length만큼 삭제
- insertData(start, data) : start+1 번째 부터 data를 추가
- replaceData(start, length, data) : start+1 번째 부터 length 만큼을 data로 변경
- substringData(start, length) : start +1번재 부터 length 만큼을 반환
