以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  svg在Firefox下appendChild问题  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=78207)


--  作者:114545748
--  发布时间:11/14/2009 12:23:00 PM

--  svg在Firefox下appendChild问题
我写了一段代码,利用JavaScript向svg文件中动态添加元素,在ie下没有问题,在Firefox中行不通,望指教

svg文件:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
        "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg id="svgDoc" width="600" height="400" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     onload="init(evt)">


    <script language="JavaScript" xlink:href="../jslib/water.js"/>
     <g id="g1"></g>
    </svg>


water.js文件:
function init(evt) {
var g = document.getElementById("g1");
    var rect = document.createElement("rect");
    rect.setAttribute("x", "15px");
    rect.setAttribute("y", "15px");
    rect.setAttribute("width", "100px");
    rect.setAttribute("height", "100px")
    g.appendChild(rect);
}
在Firebug中HTML标签卡中,可以看到rect元素,不过是灰色的,页面上rect也不显示出来,在ie没有问题


--  作者:sgt915
--  发布时间:12/22/2009 10:19:00 AM

--  
遇到了同样的问题,但不知道怎么解决,网上没找到相同的案例
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
31.250ms