[JS adds attributes to elements: setAttribute; classlist.remove; classlist.add;]

1. Get the current element first

html

<img id="zi" class="zi" src="/src/image/w.png">

js

const zi = document.getElementById("zi");

2. modify img Elemental src attribute
   Use setAttribute To set properties .

js

zi.setAttribute("src", this.key);

3. Add to element class
   Use classList.remove To delete class、classList.add To add new class, Can be used to modify the style .

js

//  Delete class
 zi.classList.remove("update-file-block");
 //  increase class
 zi.classList.add("update-file-none");

css

.update-file-block {
    
  display: inline-block;
}
.update-file-none {
    
  display: none !important;
}