js 怎么设置SVG元素的文本值 急急

traveller 2011-09-01 05:48:39
svg代码 <g id="rect1">
<rect id="rr" x="50" y="50" width="100" height="50" onclick="evt.target.setAttribute('fill', 'blue')"/>
<text x="100" y="100" id="tt" onclick="show()">
<a id="a238">关闭声音</a>
</text>

</g>

脚本
function show()
{
alert("hello world");
svgViewer = document.getElementById("svg");
SVGDocument = svgViewer.getSVGDocument();
doc_fugai = SVGDocument.getElementById("tt");
doc_fugai.setAttribute("fill", "red");
doc_fugai.value="开启声音";
}

这么写 为什么当点击关闭声音 text下得 值关闭声音 怎么没有变成“开启声音” 我不想把js代码内嵌在SCG中
...全文
1070 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
traveller 2011-09-02
  • 打赏
  • 举报
回复
也试过了 就执行到能够改变字体颜色,doc_fugai.textContent="开启声音";
这句 始终无法执行通过,是不是这个属性textContent 不能改变它的值 ,那不能改变 用什么改变呢,
楼上的大哥,我不是很动SVG ,还麻烦继续给我解答
孟子E章 2011-09-02
  • 打赏
  • 举报
回复
我都测试过了,是可以的,
你这样呢
<text x="100" y="100" id="tt" onclick="show()">关闭声音</text>
traveller 2011-09-02
  • 打赏
  • 举报
回复
楼上的大哥,你说的 function show() {
doc_fugai = document.getElementById("tt");
doc_fugai.setAttribute("fill", "red");
doc_fugai.textContent="开启声音";
}
这个办法 我之前就试过,还是不能实现效果,百思不得其解,还请继续指教,跟踪调试 也没发现什么错误
孟子E章 2011-09-01
  • 打赏
  • 举报
回复
或者
function show() {
ele = document.getElementById("a238")
ele.textContent = ele.textContent == "关闭声音"?"开启声音":"关闭声音"
}

或者
function show() {
doc_fugai = document.getElementById("tt");
doc_fugai.setAttribute("fill", "red");
doc_fugai.textContent="开启声音";
}
孟子E章 2011-09-01
  • 打赏
  • 举报
回复
正确的写法
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="526" height="233" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript">
<![CDATA[
function show(evt) {
evt.target.textContent = evt.target.textContent == "关闭声音"?"开启声音":"关闭声音"
}
]]>
</script>
<g id="rect1">
<rect id="rr" x="50" y="50" width="100" height="50" onclick="evt.target.setAttribute('fill', 'blue')"/>
<text x="100" y="100" id="tt" onclick="show(evt)">
<a id="a238">关闭声音</a>
</text>
</g>

</svg>
  • 打赏
  • 举报
回复


//我不知道什么SVG、我只知道 点击关闭声音变成开启声音
//函数里面放这个
var str=document.getElementById('a238').innerHTML;
if(str=="关闭声音")
str="开启声音";
else
str="关闭声音";

62,242

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧