Javascript 删除列表上的图像按钮-c#

我正在尝试向列表中的每个项目添加删除图像按钮。 下面是我如何在html中列出标记的

       <ul id="category-list" style="color: grey; font-size: x-large; list-style-type: none; text-align: left; left: 0%; font-weight: lighter; width: 121px;">
                            </ul>

因此，当单击delete图像时，我希望该图像调用一个c#函数，在这里我可以从Json文件中删除类别

这些都是零碎的代码，因为这个项目非常庞大。但请随时问我任何有关它的问题：）

我是一个新的程序员-所以任何帮助都将不胜感激。多谢各位

       var categoryLists = <%= this.javaSerial.Serialize(this.categoryList) %>;
        let list = document.getElementById('category-list')
        categoryLists.forEach(function (category) {
            let li = document.createElement('li');
            li.style.margin = "auto 0% auto auto";
            li.style.padding = "8px";
            list.appendChild(li);

            li.innerHTML += category;
        });

{
protected void Page_Load(object sender, EventArgs e){
        String readTextJson = System.IO.File.ReadAllText(JsonFilePath);
        Welcome readData = Welcome.FromJson(readTextJson);
        categoryList = readData.Menu.CategoryOrder;
}
 public JavaScriptSerializer javaSerial = new JavaScriptSerializer();
}