如何用js动态设置class属性_IT百科

1、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。

2、是className，可不是class

注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。

<!DOCTYPE html>

<html>

<head>

<style>

.tdiv{

border:2px solid

}

</style>

function test(ele){

var pDiv=ele.parentNode

if(pDiv.className==" "){

pDiv.className="tdiv"

}else{

pDiv.className=" "

}

//还可以用classList，这种方法更流畅

function test2(ele){

var pDiv=ele.parentNode

if(pDiv.classList.contains("tdiv")){

pDiv.classList.remove("tdiv")

}else{

pDiv.classList.add("tdiv")

}

</script>

</head>

<body>

<div>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

如何用js动态设置class属性