动态更新SVG文本节点

时间:2017-11-26 17:08:42

标签: javascript svg

我想要更新的图片中有一些SVG文字标签。我通过首先调用一个组然后减去它的子节点以获得纯文本节点来获得所有这些:

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

我该如何设置这些文本?

1 个答案:

答案 0 :(得分:1)

textContent不是一个功能。您可以直接为其指定值:

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

此处有更多文档:https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent