使用 Javascript 有条件地将一段带有 HTML 代码的 Django 模板插入到我的模板中

Question

我正在尝试使用 Django 创建一个模板，以用于我项目中的所有页面。所有页面都显示类似的表格，这使得它更容易，但其中一些需要额外的一两次检查。所以在写这个千篇一律的模板时，如果它是一种类型的页面，我想要这段代码：

    {% if not package_check %}
    <p style="color:red">Package not found, so script did not run. Install package and try again</p>

    {% elif count|length %}
     <!-- rest of html template -->
    {% endif %}

否则，我想要这段代码：

    {% if count|length %}
    <!-- rest of html -->
    {% endif | length %}

由于它们非常相似，我想知道是否有可能（以及如何做到）在加载页面时将其插入到带有 Javascript 的 HTML 中，并使其测试模板标签中的 Django 变量。

Answer 1

没什么好理解的。尽量写清楚。

Answer 2

您想插入一个新模板或从 javascript 创建一个新的 html 元素

如果你想包含新模板

你可以这样做

{% if not package_check %}
    <p style="color:red">Package not found, so script did not run. Install package and try again</p>

    {% elif count|length %}
     <!-- rest of html template -->
    {% include 'youranothertemplate.html' %}
    {% endif %}

从 javascript 创建新元素

const newElement = document.createElement("h1")
newElement.innerText = "Hai"
document.getElementById("new").append(newElement)

<div id="new">

</div>