使用 HTMX 更换整个身体

Cod*_*Man 5 html javascript htmx

我有以下内容index.html

<head>
<meta charset="UTF-8">
<script src="https://unpkg.com/htmx.org@1.9.5"></script>
</head>
<body id="bomb-main" class="main-page">
<div class="bomb"
     hx-trigger="click"
     hx-swap="outerHTML"
     hx-target="#bomb-main"
     hx-get="/boom"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

/boom返回以下响应

<body id="bomb-main" class="bomb-animation">
<h1>ka-boom</h1>
</body>
Run Code Online (Sandbox Code Playgroud)

单击 时,主体将被替换,但类保持不变。

<body id="bomb-main" class="main-page">
<h1>ka-boom</h1>
</body>
Run Code Online (Sandbox Code Playgroud)

如何更改 的类body

McP*_*son 1

无法替换该body元素。htmx将 转换outerHTMLinnerHTML交换值。请参阅文档中的hx-swap 注释

\n
\n

由于 DOM 限制,\xe2\x80\x99s 无法在元素上使用 externalHTML 方法<body>。htmx 将更改outerHTML 以<body>使用innerHTML

\n
\n