如何更新SVG组中的多个文本值？

Question

我有一个由形状和文本组成的SVG元素。该元素在SVG文件中重复了几次，我想利用该符号并使用标签。

但是我需要能够传递值来更新符号内的文本节点，因为每个符号都有其自己的值。

有没有Javascript的方法吗？

<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 800 800">
  <defs>
    <g id="Initials">
      <circle id="bgColor" cx="200" cy="200" r="80" class="cls-9"/>
      <text id="label" fill="white" font-size="50" transform="translate(170, 220)">
      10
      </text>
    </g>
   </defs>
   
   <use href="#Initials" />
   
   <use href="#Initials" x="200" y="0" />
</svg>