不使用javascript从其他元素设置子元素的值答案

【问题标题】：set value of child element from other element without using javascript不使用javascript从其他元素设置子元素的值
【发布时间】：2013-01-13 01:19:48
【问题描述】：

我有这个：隐藏的文本元素和线条元素。当光标在它上面时，线元素会改变它自己的不透明度。此外，当光标在行上时，文本元素变得可见。像这样：

<text id="tooltip" x="75" y="5" font-size="3" visibility="hidden" stroke="none"  
    font-weight="bold"  fill="black">SomeText
</text>

<line id="myline" x1="10" y1="30" x2="30" y2="30" stroke-width="1" stroke="black">
    <set attributeName="opacity" from="1" to="0.5"  begin="mouseover" end="mouseout"/>
    <set xlink:href="#tooltip" attributeName="visibility" from="hidden" to="visible"                  
    begin="myline.mouseover" end="myline.mouseout" />
</line>

是否可以在行元素中使用某些标签更改“SomeText”（例如更改文本元素可见性的方式）？请注意，我知道如何使用 javascript 来完成，但在这种情况下我需要清晰的 svg 代码。更准确地说：当光标位于行元素上时，我希望将文本元素值设置为“myline”，而不是“Some Text”。

【问题讨论】：

标签： svg

【解决方案1】：

SMIL 只允许对属性进行动画处理。我认为每行都必须有不同的文本元素。

【讨论】：

我正在寻找这样的东西来放入所有行元素：