如何用javascript为元素添加class_IT百科

以给 body 标签添加 class 为例

通过 jQuery

$( 'body').addClass( 'class1 class2' )

$( 'body' ).removeClass( 'class1 class2' )

支持 classList 的高级浏览器（IE10+，Chrome，Firefox，Safari）

document.body.classList.add( 'class1', 'class2' )

document.body.classList.remove( 'class1', 'class2' )

不支持 classList 的浏览器只能通过 className 来添加

document.body.className += ' class1 class2'

其实只需要用到document.querySelector('选择器')和结合classList. add("类名"）即可。

那么你这里就只要设置以下两步代码即可:

document.querySelector('# room＞div'). classList. add(" test"）

document.querySelector('# room＞div＞input'). classList. add(" test2"）

<!doctype html>

<head>

<title>Document</title>

.className { background-color: #333}

</style>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

$("td[colspan='4']").each(function(){

$(this).addClass('className')

})

//所有th

$('th').each(function(){

$(this).addClass('className')

})

</script>

</body>

</html>

//css 是不是没写啊

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

如何用javascript为元素添加class