请问怎么在点击按钮时显示收藏的样式？

hbuilder做一个app的收藏功能 怎么在点击按钮时显示收藏的样式？

在点击时判断是否已收藏，然后添加或删除收藏的类名
例如：

//收藏/取消收藏
function onColect(topic,index){
    var btn = document.querySelectorAll('.collect')
    var arr = [....]   //已收藏的数组
    if(arr.indexOf(topic) > -1){
        btn[index-1].classList.remove("collect_active");
        let i = arr.indexOf(topic)
        arr.splice(i, 1); 
    }else{
        btn[index-1].classList.add("collect_active");
        arr.push(topic)
    }
}

如有帮助，麻烦点个【采纳此答案】 谢谢啦~

制作一个收藏的class样式，然后通过脚本在点击的时候，替换成这个class。

1.判断是否收藏，显示对应样式
2.收藏或取消收藏

不知道是不是想做一个点击收藏，再次点击取消的样式，如果是的话，
你可以 定义一个变量，跟据变量来显示是否是收藏的时候
如果是的你就绑定一个样式，如果不是就取消这个样式
collection-style是收藏的样式
isCollection用来判断是否显示
可以通过:class="{'collection-style':isCollection}" 来显示和影藏