如何用js判断div内容并更改它的css样式？

不能按照内容作为判断的条件。这样做的话，会照成不准确，而且容易出错。按照这样的思路：内容0 ====> class="test0" ->对应div的name值来判断内容0内容1 ====> class="test1"内容N ====> class="testN" 用js来判断name值为0的时候，class赋值 test0。。。这样比较好点。

使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。
行内样式(内联样式)即写在html标签中的style属性中，如<div style="width:100px;height:100px;"></div>
内嵌样式即写在style标签中，例如<style type="text/css">div{width:100px; height:100px}</style>
链接式即为用link标签引入css文件，例如<link href="testcss" type="text/css" rel="stylesheet" />
导入式即为用import引入css文件，例如@import url("testcss")
如果想用javascript获取一个元素的样式信息，首先想到的应该是元素的style属性。但是元素的style属性仅仅代表了元素的内联样式，如果一个元素的部分样式信息写在内联样式中，一部分写在外部的css文件中，通过style属性是不能获取到元素的完整样式信息的。因此，需要使用元素的计算样式才获取元素的样式信息。

function getElementStyle(obj,attr){
if(objcurrentStyle){
return objcurrentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr];
}
}
还有不懂的可以来扣群前面是三位数296，中间是三位数591，最后三位数290

---