Awesome

hx-swap-demo

See the demo here

<a href="https://htmx.org">htmx</a> offers a few different ways to swap the HTML returned into the DOM. By default, the content replaces the <strong>innerHTML</strong> of the target element. You can modify this by using the <a href="https://htmx.org/attributes/hx-swap/">hx-swap</a> attribute with any of the following values:

• innerHTML
• outerHTML
• afterbegin
• beforebegin
• afterend
• beforeend