hx-swap
을 사용하면 swap 정책을 사용 한다고 할 수 있다.
기본적으로 innerHTML
은 selector안의 Inner contents를 swap한다.
그러나 hx-swap에 outerHTML
이라고 적게 되면
selector로 match되는 원소 모두를 swap한다.
GET예제에서 사용했던 <div id=’data’></div>
자체를
hx-swap=’none’
은 요청받은 partial html이 어디에도 스왑되지 않는다는 것을 의미한다.
hx-swap=’delete’
는 element를 제거한다
또는 HTML response를 list의 Top에 더하려면afterbegin
Bottom에 더하려면 beforeend
라고 작성하면 된다.
hx-swap-oob=”true”
를 가진 태그는 페이지의 다른 곳에서 swapped 된다.