繁体   English   中英

动态更新SVG文本节点

[英]Updating SVG text nodes dynamically

我要更新的图片中有一些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

我应该如何设置这些文字?

textContent不是函数。 您可以直接为其分配值:

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

此处提供更多文档: https : //developer.mozilla.org/zh-CN/docs/Web/API/Node/textContent

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM