요소의 대체 메소드
CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
반응형
요소의 대체
선택한 요소를 지정된 요소로 대체하는 메소드입니다.
.replaceAll() 메소드와 .replaceWith() 메소드는 제거된 요소와 관련된
모든 데이터와 이벤트 핸들러도 같이 제거합니다.
|
메소드 |
설명 |
|
.replaceAll() |
· 선택한 요소를 지정된 요소로 대체합니다. · 인수로 선택자나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있습니다. |
|
.replaceWith() |
· 선택한 모든 요소를 지정된 요소로 대체합니다. · 인수로 HTML 코드 형식의 문자열이나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있습니다. · 선택한 요소를 대체할 수 있는 컨텐츠를 반환하는 함수를 인수로 전달받을 수도 있습니다. · .replaceWith() 메소드의 동작은 .replaceAll() 메소드와 비슷하지만, 소스(source)와 타겟(target)의 위치가 서로 반대입니다. · .replaceWith() 메소드는 지정된 요소로 대체되어 제거된 기존 요소를 반환합니다. |
반응형
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
| 이펙트(effect) 효과 (0) | 2017.11.28 |
|---|---|
| [jQuery] 문서 객체의 제거 - .remove(), .empty(), .detach() (0) | 2017.11.27 |
| 기존 요소를 포함하는 새로운 요소를 추가해주는 메소드 (0) | 2017.11.27 |
| 요소의 크기, 요소의 크기를 결정하는 구성요소, 요소의 크기설정 함수 (0) | 2017.11.27 |
| 속성(attribute) vs 프로퍼티(property) (0) | 2017.11.27 |