SVG中动态改变text显示的问题

昨晚做一个SVG流量图,弄到午夜12点。最后遇到一个Text标签的显示无法动态改变。最终还是解决了。

问题:

假设xml内有一个标签id为test

text-content

我想动态改变显示的内容。将text-content改为new content。

一开始我使用的代码为:

SVGDoc = evt.target.ownerDocument;

SVGDoc.getElementById(\'test\').textContent = \'new content\';

可是后台发现Firefox显示,但是IE无法达到动态变化的要求。

后来搜索网站,得知SVG内使用的ecmascript 改变text显示可以这样写:

SVGDoc.getElementById(\'test\').firstChild.nodeValue = \'new content\';

FF 和 IE都支持,爽哉!~~

可惜一看时间已经12点了~呼呼~

博客分类: 
Total votes: 1258

添加新评论