js中relpace与直接赋值的区别

Question

timer = setInterval(function(){
odemo.className =  " animated " + 'shake';
odemo.addEventListener('animationend',function(){
odemo.className =  odemo.className.replace(" animated " + 'shake','');
})
},1000)
odemo.className='';
odemo.className =" animated " + 'shake';

Answer 1

className 可以指定多个样式名，例如 <div class="animated shake style1"></div>a.className='animated shake' // 直接强制指定样式名为值所代表的内容
a.className=a.className.replace(" animated " + 'shake',''); // 删除指定的样式名animated shake两个，且必须是两个样式名连续的，否则不修改样式信息