原生js怎么添加一个或多个类名_IT百科

var dom = document.getElementById('box')

dom.className = 'box button'//在这个地方设置class，这个是改dom去哪不得class

也可以dom.className += 'class' 添加类名

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

2、是className，可不是class

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

<html>

<head>

div{width:100pxheight:100px}

.red{background:red}

.green{background:green}

</style>

</head>

<body>

<div id="div" style="background:Greencursor:hand">click</div>

<div class="main red">div class</div>

</body>

$(document).ready(function(){

$("#div").click(function(){

var cls = $(".main").attr("class")

if(cls == "main") $(".main").attr("class", "main red")

else $(".main").attr("class", "main")

})

</script>

</html>

应该理解对了你的问题：动态添加元素的class名。

直接上代码，有问题追问哈。

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

原生js怎么添加一个或多个类名