使用JavaScript变量更改HTML组类

Question

我正在使用AJAX函数从数据库中获取一些数据并运行一个简单的if语句。我想使用输出变量“test”来更改SVG组的类（以及样式）。我最初在页面加载时使用PHP，但现在我正在使用AJAX，我必须使用JavaScript而且它无法正常工作。

这是AJAX：

		function loadfacebook1()
		{
			var xmlhttp;
			if (window.XMLHttpRequest)
  			{// code for IE7+, Firefox, Chrome, Opera, Safari
  			xmlhttp=new XMLHttpRequest();
  			}
			else
  			{// code for IE6, IE5
  			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  			}

			xmlhttp.onreadystatechange=function()
			  {
			  if (xmlhttp.readyState==4 && xmlhttp.status==200)
			    {
			    var obj = JSON.parse(xmlhttp.responseText);
				document.getElementById("fbname").innerHTML=obj.name;
				document.getElementById("fbtraffic").innerHTML=obj.traffic;
				document.getElementById("fbrevenue").innerHTML=obj.revenue;
				document.getElementById("fbprofit").innerHTML=obj.profit;
				document.getElementById("fbrafrica").innerHTML=obj.rafrica;

				var test = document.getElementById('fbrafrica').value;

				if(test > 100)
					{var africastyle = "b1";
				}

			    }
			  } 
 			
 			xmlhttp.open("GET","getfacebook.php",true);
			xmlhttp.send();

		}

以下是我正试图改变班级的小组：

<g class="<?php echo $africastyle ;?>" transform="translate(0,239) scale(0.016963,-0.016963)">

正如您所看到的那样，它目前使用的是PHP，但如何将其替换为我在AJAX函数中指定的JavaScript变量“test”？

谢谢，

威尔

Answer 1

这就是我要做的。在您的组元素中添加ID。

HTML：

<g id="myGroup">

JS：

if(test > 100){
    var el = document.getElementById('myGroup');
    el.setAttribute('class', 'b1');
}