如何简化javascript中的SVG链接？

HTML:

JS:

因此，单击ShowAll元素时，ShowName元素将具有与ShowAll相同的图标

代码可以工作，但我想要的是：

1简化js文件中的内容。我可以用css来代替JS中的长字符串吗

2如果css还可以，那么图标的理想大小应该是0.9em，而不是10-javascript看起来并不是0.9em

---

我是一个JS noob，如果这是琐碎的话，很抱歉：

是的，您可以使用CSS更改图像的宽度，就像任何HTML图像一样：

假设您的图像有一类svg：

---

与工作代码相关的问题，以及重构建议的请求，应该在上提出。

<a id="showAll"><img srcset="check-box.svg" width="10" height="10"></a>
<a id="showName"><img srcset="empty-box.svg" width="10" height="10"></a>

document.querySelector('#showAll').onclick = function () {
document.querySelector('#showName').innerHTML = '<img srcset="check-box.svg" width="10" height="10">';
};

<img src="check-box.svg" class="svg">

.svg {
    width: 0.9em;
    height: auto;
}