js修改html中class屬性

用到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>