使用JavaScript变量更改HTML组类

Changing HTML group class with JavaScript variable

本文关键字：HTML 组类 JavaScript 变量 使用      更新时间：2023-09-26

我使用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"来替换它？

谢谢，

是否

下面是我要做的。为您的group元素添加一个ID。

HTML:

<g id="myGroup">

JS:

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