SVGテキストノードを動的に更新する

Question

更新したい画像にSVGテキストラベルがいくつかあります。私は最初のグループを呼び出した後、純粋なテキストノードを取得するためにその子をsubstractingことにより、それらのすべてを取得：

let textLabels = document.getElementById('texts').children 

だから、私はすべてのテキストノードを含むHTMLCollectionを得ました。その後、私は、これらのノード上の/セット新しいテキストを更新したいと思いますので、私はしようとしている：

Array.from(textLabels).forEach(function (i) { 
    i.textContent(...) 
} 

...、と私が取得：

： TypeError: i.textContent is not a function

textLabels配列は次のようになります

0: text#label_0 
1: text#label_1 
2: text#label_2 

これらにテキストを設定するにはどうすればよいですか？

Answer 1

textContentは機能ではありません。あなたはそれに直接値を割り当てることができます。ここ

Array.from(textLabels).forEach(function (i) { 
    i.textContent = 'some text' 
} 

その他のドキュメント：https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent