개발ㅣ어플ㅣ회사/개발ㅣJavascript

jQuery DOM Node 추가, 삭제, 교체 이동

험한 세상에서 홀로 살아가는 나그네 2020. 2. 14. 17:11

설명

1) class id "target" 위 아래에  before/prepend/target/append/after 순으로 추가한다

2) 해당노드를 삭제 첫번째 버튼은 노드전체, 두번째는 tag는 남겨두고, 내용만 없앤다

   remove(), empty()

3) 해당노드로 치환한다. clone() 함수 사용

4) 노드치환 replaceAll, replaceWith 함수 이용 (소스 주석참조)

5) 노드이동  (소스 주석참조)


- 실행화면


Gist 소스