Javascript 如何使用onclick更改离子图标？

我的目标是通过单击按钮将（+）图标更改为（-）图标。我读过其他帖子，但用JS找不到答案。我怎样才能用点击按钮来替换图标

<ion-button onclick = "favourite()"><ion-icon name="add-outline"></ion-icon></ion-button>

我的函数里面没有任何东西，因为我不知道如何做

---

希望我说得够清楚。谢谢，非常感谢。

将

此

引用放在函数参数中，以便函数知道单击了哪个元素

<ion-button onclick = "favourite(this)"><ion-icon name="add-outline"></ion-icon></ion-button>

这是说“从单击的元素（el）开始，找到第一个具有标记名

ion图标的元素，并将其属性
name
更改为“减去轮廓”

我没有办法测试它，所以请告诉我它是否有效。
您使用的是什么框架？有棱角的反应Vue？还是仅仅是香草JS？我正在使用香草JS。非常感谢你的帮助，它成功了！作为一个提示，我不得不将名字“减去大纲”改为“删除大纲”，这样它才能工作，以防万一有人尝试。再一次，谢谢。
function favourite(el) {
 el.querySelector('ion-icon').setAttribute('name', 'minus-outline');
}