用到js修改html的class属性值,归纳总结下:
一、获取class属性值
var value = $("div").attr("class");//这里获取class属性值 var array=val.split(" ");//把class值用空格分开,通过数组获取每个值
var value = document.getElementById("div").className;
二、更改class属性值
document.getElementById("tr").className = "styleclass";//styleclass为新的属性值 document.getElementById("tr").setAttribute("class","styleclass");
三、添加一个class属性(在原有的基础上)
var obj = document.getElementById('a1'); obj.className += ' styleclass'; // 注意前面加空格,防止两个属性挨一起
四、去除一个class属性
$("tr").removeClass("styleclass");
其他:
1.判断class属性里是否有要的属性:
if(value.indexOf("styleclass") >= 0){ }
2.通过css改select的边框
<span style="border:1px solid #7FFF00; position:absolute; overflow:hidden"> <select style="margin:-1px"> <option>aaa</option> <option>bbb</option> </select> </span>