JavaScript-php,js,css间的交互一般实现方法？

Question

实现根据后端数据显示不同css样式的一般实现方法是怎样的？

本人一点js都不会写 - -!

难道用php这样实现？

if($userdata==1){echo "style="...""}
elseif($userdata==2){echo "style="...""}
else{echo "style="...""}

Answer 1

在JS 中，我一般也是采用在CSS弄成一种种类，事件中直接更改className
例如一个table中行onclick事件，样式变换

 function tr_click(id)
var obj = document.getElementById(id);
obj.className = "tr_click";

CSS:

 .tr_click{
color:white;
background-color:#54ABC6
}

Answer 2

将对应不同显示结果的样式写成类，然后用js获取后端显示到页面的数据，根据需求对dom节点增加或删除CSS类。例：

if($("span#result").text() == 0){
$("span#result").addClass("red");
}

CSS样式：

 .red {
background-color: red;
}

希望对你有帮助