以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  怎么能得到指定svg元素对象的上层元素对象呢(内详)  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=31004)


--  作者:jeeq
--  发布时间:4/21/2006 10:16:00 AM

--  怎么能得到指定svg元素对象的上层元素对象呢(内详)
如:
<svg>
<script type="text/javascript">
 <![CDATA[

function test(evt)
{
 var o = evt.getTarget();
 alert(o);
}

// ]]>
</script>
<g id="ggg" transform="translate(50,50)" onclick="test(evt)"

width="362" height="32" desc="">
    <circle id="circle1" points="26,16

"  cx="15" cy="16" r="14" stroke-width="1" stroke="#000000"

fill="yes"/>
    <polyline id="poly1" points="26,16 332,66 "  

stroke-width="1" stroke="#000000" fill="none"/>
    <circle

id="circle2" points="332,16 " cx="346" cy="15" r="14" stroke-width="1"

stroke="#000000" fill="yes"/>
</g>
</svg>

在调用alert方法可以得到鼠标所指的具体的对象,像指向polyline则返回polyline这个对象,指向circle则返回circle对象,现在的问题就是我想得到<g>这个对象(把polyline和circle都包括进去了的一个组),我该怎么办呢?


--  作者:jeeq
--  发布时间:4/21/2006 10:38:00 AM

--  
呵呵,我知道了,其实很简单,就是在getTarget()的时候的到父结点,具体做法是
var o = evt.getTarget().parentNode;
这样就可以得到上层<g>对象了,以此类推
哈哈,偶真的喜欢上DOM了
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
62.500ms