[英]svg or javascript to replace url part of use
我有一些:
<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 。 这怎么可能?
使用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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.