这句JavaScript代码什么意思

dots[i].className = dots[i].className.replace(" active", "");

dots是一个对象 active是一个css类。语法没错 但是这句什么意思给解释下呗。我理解的是返回当前的dots[i]的css属性将active替换成空，然后再设置给当前的dots[i]css类。为什么不直接dots[i].className = "";

补充：css里有这个active类但是没设置在html里

css是可以多个类叠加的，比如下面这个html标签就同时匹配了三个类（aaa、bbb、ccc）：

现在假如要从中去掉bbb这个类，那就要把它替换掉喽：
document.getElementById("abc").className = document.getElementById("abc").className.replace(" bbb","");
如果直接把他替换为空：
document.getElementById("abc").className = "";
那么所有三个类都会被去掉了！明白没有？

前面是对像的名称，后面是方法或者值。一般json对象的定义就是这样的，如：var link = {name:"john",id:"john",click:function(){alert('ok');}};访问的时候：n = link.name;id = link.id;link.click();因为link的值是个function函数，所以link.click();后会弹出ok提示。