기존 요소에 새로운 요소를 추가 하거나 요소를 이동 하고 싶을때
페이지 정보
작성자 최고관리자 작성일 21-02-09 11:53 조회 6,847 댓글 0본문
위 예제는 앞에서 배운 html()메서드를 이용하여 div요소(#txt)에 새로운 p요소를 넣은 것입니다.
결과를 보면 기존의 p요소('내용1')는 사라지고 새로운 p요소('내용2')가 출력 되는 것을 알 수 있는데
이렇듯 text()나 html()메서드로 새로운 요소를 추가하려면 기존 요소들이 사라지는 문제가 있습니다.
기존 요소에 새로운 요소를 추가 하거나 요소를 이동 하고 싶을때 사용하는 메서드가 바로
html insert(삽입) 메서드입니다.
html insert(삽입) 명령어에는
- prepend()
- append()
- before()
- after()
가 있는데
이중 prepend(), append()는 선택한 요소의 자식 요소 앞이나 뒤에 삽입하는 명령어이고
before(), after()는 선택한 요소의 앞이나 뒤에 삽입하는 명령어입니다.
결과를 보면 기존의 p요소('내용1')는 사라지고 새로운 p요소('내용2')가 출력 되는 것을 알 수 있는데
이렇듯 text()나 html()메서드로 새로운 요소를 추가하려면 기존 요소들이 사라지는 문제가 있습니다.
기존 요소에 새로운 요소를 추가 하거나 요소를 이동 하고 싶을때 사용하는 메서드가 바로
html insert(삽입) 메서드입니다.
html insert(삽입) 명령어에는
- prepend()
- append()
- before()
- after()
가 있는데
이중 prepend(), append()는 선택한 요소의 자식 요소 앞이나 뒤에 삽입하는 명령어이고
before(), after()는 선택한 요소의 앞이나 뒤에 삽입하는 명령어입니다.
댓글목록 0
등록된 댓글이 없습니다.