SVG textContent在被id选中时不会改变

Question

我创建了一个简单的SVG文本元素，并希望通过javascript动态更改文本。

text.id = 'unitNumbersTer1';
text.textContent = '1';

后来：

d3.select('#unitNumbersTer1').textContent = '0';

但是，文字没有改变。它只是停留在＆＃39; 1。我也试过了

d3.select('#unitNumbersTer1').text('0');

给出了相同的结果，

document.getElementById('unitNumbersTer1').textContent = '2';

这给了我一个＆＃34; TypeError：无法设置属性＆＃39; textContent＆＃39; of null＆＃34;，

var svg = document.getElementById("gameBoardSVG");
var svgDoc = svg.contentDocument;
var circle = svgDoc.getElementById('unitNumbersTer1');

它给了我一个＆＃34; TypeError：无法设置属性＆＃39; textContent＆＃39;未定义＆＃34;和

text.setAttributeNS(null, "id", 'unitNumbersTer1');

而不是text.id方式尝试分配id，但所有结果都是相同的。为什么textContent在立即设置时起作用，但在元素id引用时不起作用？