如何使用django中的javascript动态更改div标签的类名称

Question

我需要知道如何在django中使用javascript动态更改div标签的类名称。通常我们在attr的帮助下完成。在这里我很难改变它.div标签看起来像下面

 <div class="clname{{progress}}"></div>

我需要更改上面提到的div标签的进度的值。任何人都知道要使用javascript更改它。请让我知道如何做到这一点。

进度值应该动态改变为0,1,2,3等....

提前致谢。

Answer 1

使用jquery非常简单。

$("div").replace("{{progress}}", "replaceValue");

Answer 2

我们可以用新课替换它。 我跟随类，我们用类名.greenBackground替换两个类。

＆＃13;

＆＃13;

window.onload=function(){
			document.getElementById("btn").addEventListener("click",function(){
				document.getElementsByTagName("div")[0].className = "greenBackground";
			});
		};

＆＃13;

.redBackround
		{
			height:200px;
			width:200px;
			background: red;
		}
		.greenBackground
		{
			height:200px;
			width:200px;
			background: green;
		}

＆＃13;

<div class="redBackround extraClass"> </div>
	<button id="btn">click</button>

＆＃13;

＆＃13;

＆＃13;