javascript:仅当变量具有特定值时才显示<div>块

时间:2018-03-21 16:47:24

标签: javascript django

我想在我的html文件中显示<div>部分,只有当变量(从django视图传递)等于“abc”时。我认为javascript在这里可以提供帮助,但不确定两者有多新。如何实现这一目标?

2 个答案:

答案 0 :(得分:3)

您可以直接从模板执行此操作,而无需在客户端上使用javascript。

{% if var == 'abc' %}
     <div>Rendered!</div>
{% endif %}

答案 1 :(得分:1)

如果您希望能够切换此div,您可以使用该变量来设置属性值,并使用属性选择器,使用CSS来显示它。

也许是这样的

<div data-showme="{% if var == 'abc' %}true{% endif %}">Hi there</div>

Stack snippet

&#13;
&#13;
div[data-showme] {
  display: none;
}

div[data-showme='true'] {
  display: block;
}
&#13;
<div data-showme="true">Hi there</div>

<div data-showme="">Hi there back (hidden)</div>
&#13;
&#13;
&#13;