使用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

您想要插入一个新模板或从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>

Answer 2

没有什么可以理解的。尽量写清楚。