svg或javascript替代url部分使用

Question

我有一些：

<svg class="image image-size-09em" role="img" area-hidden="true">
  <use href="_content/blazor/blazor.svg#chevron-right"></use>
</svg>

對於頁面中的所有 svg，我想用chevron-left替換chevron-right 。 這怎么可能？

Answer 1

使用querySelectorAll到 select 所有相關元素，然后更改其所有hrefs

 document.querySelectorAll("use").forEach(element=>{ element.href.baseVal = element.href.baseVal.replace("chevron-right", "chevron-left") })

 <svg class="image image-size-09em" role="img" area-hidden="true"> <use href="_content/blazor/blazor.svg#chevron-right"></use> </svg>