如何用javascript为元素添加class

以给 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"）

document.getElementById("myDIV").className

document.getElementById("myDIV").className.indexOf('firstClass')

或者

document.getElementById("myDIV").classList.contains('firstClass')

document.getElementById("myDIV").classList.add("firstClass")

document.getElementById("myDIV").classList.add("firstClass", "secondClass", "thirdClass")

document.getElementById("myDIV").classList.remove("firstClass")

document.getElementById("myDIV").classList.remove("firstClass", "secondClass", "thirdClass")

---