如何在javascript innerHTML动态添加后保留django模板变量的值？

Question

1.这段代码在我的django模板中：

{% for var in var_list %}
<div id="button1">
<a href="#" class="btn btn-primary btn-sm" href="#" onclick="changeButton( '{{ request.session.variable1 }}', '{{ var.fields.variable2}}');return false;">Click to Modify</a>
</div>
{% endfor %}

2。我正在调用changeButton javascript函数来更改interHTML以更改按钮本身

function changeButton(var1 , var2) {
document.getElementById("button1").innerHTML='<div class="btn-group"><a href="#" class="btn btn-success btn-sm" onclick="revertButton();return false;">';}

3。我再次通过revertButton javascript函数恢复它的旧按钮

function revertButton() {
document.getElementById("button1").innerHTML='<a href="#" class="btn btn-primary btn-sm"      href="#" onclick="changeButton( '{{ request.session.variable1 }}', '{{ var.fields.variable2}}');return false;">Click to Modify</a>';} 

4。现在第二次我只能得到var1即会话变量而不能得到var2这是django模板变量。

如何解决？