使用SVG时settimeout函数不起作用

Question

我面临一个问题， 我的代码正常运行，但是当我使用SVG时出现错误。

工作：如果我使用HTML代码，效果很好。 像那样  <div id="number1"></div>

错误：如果我使用的是SVG格式，则会收到错误消息。        像那样：  <tspan x="10" y="45" id="number1">0</tspan>

var counter = 0;
var number = document.getElementById('number1');
    
setTimeout(function(){
        var st = setInterval(function(){
         number.innerHTML = counter;
         counter++;
     
    },1000)
    
},100);

<svg height="90" width="200">
      <text x="10" y="20" style="fill:red;">Several Number:
        <tspan x="10" y="45" id="number1">0</tspan>
        <tspan x="10" y="70" id="number2">0</tspan> 
      </text> 
      Sorry, your browser does not support inline SVG.
    </svg>