使用querySelector添加移除style和class

使用这个方法可以对dom节点添加和移除style样式，其中的styleName可以为css样式的任何值，如：display、color

对dom节点添加一个class

对dom节点移除一个class

因为`.manage2`样式是在事件中添加到#manage元素的，第二段代码执行时该元素尚未被赋予.manage2样式， 所以获取不到这个元素也没添加有效的事件。

看你这段代码， .manage1、.manage2应该都是id为manage的元素，

首先能用ID获取就不要用样式获取， 因为ID获取元素的效率最快。

其次， 同一元素多次被使用时， 用变量暂存，

代码更改如下， 如果不对， 请上传相应的HTML：

var box = document.getElementById('box'),

    boxClassList = box.classList

    manage = document.getElementById('manage'),

    manageClassList = manage.classList

manage.onclick = function(){

    manageClassList.remove('manage1')

    manageClassList.add('manage2')

    boxClassList.add('addr-add')

    manage.onclick = function(){

        boxClassList.remove('addr-add')

        boxClassList.add('addr-delete')

    }

}

---