javascript - Django 如何在 JavaScript 中添加 html 样式以加载更多按钮

Question

我成功实现了加载更多按钮，但现在我无法在 JavaScript 中添加我的 html 样式。这是我在实现加载更多按钮之前的原始风格。看截图：

实现加载更多按钮后。我有这样的风格。请看下面的截图：

如何实现我的第一个样式以单独显示每个博客。

这是我用于显示 html 的 JavaScript：

 postsBox.innerHTML += `<div class="card mb-4" style="max-width:700px";>
                                               
                                                ${post.title}
                                                <br>
                                                ${post.body}
                                            </div>

`

我的 .html 页面：

<div id="posts-box"></div>
            <div id="spinner-box" class="not-visible">
                <div class="spinner-border text-primary" role="status"></div>
            </div>
            <div id="loading-box">
                <button class="btn btn-primary" id="load-btn">Load more</button>
</div>

标签： javascriptpython-3.xdjango