以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (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=45236)

--  作者：zhhq8357
--  发布时间：4/11/2007 2:15:00 PM

--  [求助]请问如何遍历SVG中的节点
<g id="text1" onmousemove="move(evt)"  fill="none" transform="translate(30, 30)">
    
   <text  id="bj" onkeydown="keyHandler(evt)"  x="10" y="60" font-size="60" fill="black"   stroke="black">Beijing</text>
    <text id="shh"  x="10" y="150" font-size="60" fill="black" stroke="black">Shanghai</text>
    <text id="shzh" x="10" y="240" font-size="60" fill="black" stroke="black">Shengzhen</text>
    <text id="chd" x="10" y="330" font-size="60" fill="black" stroke="black">Chenduo</text>
    <text id="tj"  x="10" y="420" font-size="60" fill="black" stroke="black">Tianjin</text>
    <text id="hf"  x="10" y="510" font-size="60" fill="black" stroke="black">Heifei</text>
    <text id="wh"  x="10" y="600" font-size="60" fill="black" stroke="black">Wuhu</text>
    <text id="shy"  x="10" y="690" font-size="60" fill="black" stroke="black">Shengyang</text>
    <text  id="tb"  x="10" y="780" font-size="60" fill="black" stroke="black">Taibei</text>

  </g>   
在这段代码中，我需要遍历g元素的子节点及属性id值， 请问该如何操作

--  作者：tamefox
--  发布时间：4/14/2007 8:51:00 AM

--  
你在<g>元素前面加上如下的一段代码，你把alert那句换成你想要做的操作即可
<script type="text/javascript"><![CDATA[
        var node=document.getElementById("text1");
        var child;        
        for(var i=0;i<node.childNodes.length;i++){
           if(node.childNodes.item(i).nodeType!=3){             
              child=node.childNodes.item(i);
              alert(child.getAttribute("id"));
           }        
        }
   ]]></script>

如果还是不清楚,可以参考
http://blog.sina.com.cn/myblog/article/article_reader.php?blog_id=4907516a010008lu

[此贴子已经被作者于2007-4-14 9:57:49编辑过]
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
 7,595.703ms