javascript - HTMl+SVG+JavaScript : change text at runtime?

Question

我准备将一些基于 Flash 的应用程序迁移到 HTML+JavaScript+SVG(单一目标渲染引擎是 Webkit)。

我对 SVG 完全陌生，我想知道我是否可以使用 SVG 作为模板图像来填充屏幕并从 HTML 页面中嵌入的 JavaScript 代码动态更改包含的文本。

我想做的是:在 Inkscape 中绘制页面的基本结构(带有一些图形和文本占位符)，然后仅在 HTML 页面中显示 SVG 并通过 JavaScript 填充文本占位符。

我可以通过在背景中显示静态 SVG 图像并在其顶部放置一些绝对定位的 DIV 来显示文本来获得相同的结果，但是我'我想在 Inkscape 中设计文本标签的位置、大小和样式。

这能做到吗？怎么办？

我正在使用 Prototype framework ，而不是 JQuery。

Answer 1

试试 jQuery。手动为 SVG-TextNode 设置一个 ID，然后尝试:

$("#my_id").textContent = "new Value";

也许它有效。否则尝试:

document.getElementById("my_id").textContent = "new Value";