新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术，以及有关GIS的应用。
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 在JavaScript怎么样改变SVG文档中文本框的字？ ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 9988 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 在JavaScript怎么样改变SVG文档中文本框的字？ 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     mwg1234567 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：10
      积分：88
      门派：XML.ORG.CN
      注册：2005/8/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给mwg1234567发送一个短消息 把mwg1234567加入好友 查看mwg1234567的个人资料 搜索mwg1234567在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看mwg1234567的博客楼主
    发贴心情 在JavaScript怎么样改变SVG文档中文本框的字？

    用getSVGDocument和getElementById得到SVGTextElement对象，但是怎么得到该对象显示的字符串，又怎样去改变呢？
      
      谢谢大家了

       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/28 17:36:00
     
     tamefox 美女呀，离线，快来找我吧！魔羯座1980-1-1
      
      
      威望：1
      等级：大四(每天看1小时莱昂氏)
      文章：129
      积分：1236
      门派：XML.ORG.CN
      注册：2005/7/6

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给tamefox发送一个短消息 把tamefox加入好友 查看tamefox的个人资料 搜索tamefox在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看tamefox的博客第2楼
    发贴心情 
    我编写了一个小程序，也许对你有帮助。其中“node.firstChild.nodeValue”就可以取到文本节点的内容，也许别人还有更简单的办法，还望赐教！

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd">
    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" onload="changeText()">
     <desc>
      <!-- put a description here -->
     </desc>
     <script type="text/javascript">
       function changeText(){
            var node=document.getElementById("txt");
            node.firstChild.nodeValue=node.firstChild.nodeValue+"1";　　　　
    　　　　setTimeout('changeText()',500)   
       }
         
     </script>
     <g>
      <!-- your graphic here -->
      <text id="txt" x="50" y="50">1</text>
     </g>
    </svg>

    ----------------------------------------------
    无为而无所不为
    有为而有所不为

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/29 8:36:00
     
     upc2neiep 帅哥哟，离线，有人找我吗？
      
      
      等级：大二期末(汇编考了97分!)
      文章：85
      积分：460
      门派：XML.ORG.CN
      注册：2006/4/11

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给upc2neiep发送一个短消息 把upc2neiep加入好友 查看upc2neiep的个人资料 搜索upc2neiep在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看upc2neiep的博客第3楼
    发贴心情 
    学习，收到。。。。。呵呵
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/29 16:13:00
     
     mwg1234567 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：10
      积分：88
      门派：XML.ORG.CN
      注册：2005/8/23

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给mwg1234567发送一个短消息 把mwg1234567加入好友 查看mwg1234567的个人资料 搜索mwg1234567在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看mwg1234567的博客第4楼
    发贴心情 
    收到，多谢
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/30 9:06:00
     
     wwwtiger 帅哥哟，离线，有人找我吗？
      
      
      等级：大三(研究MFC有点眉目了!)
      文章：62
      积分：716
      门派：XML.ORG.CN
      注册：2006/8/3

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给wwwtiger发送一个短消息 把wwwtiger加入好友 查看wwwtiger的个人资料 搜索wwwtiger在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看wwwtiger的博客第5楼
    发贴心情 
    function setTextNodeValue(id, value)
    {
     if(svgDocument.getElementById( id ).hasChildNodes() == true)
      svgDocument.getElementById( id ).firstChild.data = value ;
     else
     {
      var textNode = svgDocument.createTextNode(value );
      svgDocument.getElementById( id ).appendChild(textNode);
     }
    }

    function getTextNodeValue(id)
    {
     if(svgDocument.getElementById( id ).hasChildNodes() == true)
      return svgDocument.getElementById( id ).firstChild.data;
     else
      return null;
    }

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2006/12/30 15:11:00
     
     alai7150 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：14
      积分：193
      门派：XML.ORG.CN
      注册：2006/5/6

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给alai7150发送一个短消息 把alai7150加入好友 查看alai7150的个人资料 搜索alai7150在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看alai7150的博客第6楼
    发贴心情 
    详细讲解一下text元素的结构
    <text id="t" x="10" y="20" style="font-size:50;stroke:red">Sample Text</text>
    如此的一个text元素其实包含一个子元素#text
    text---attribute(id,x,y,style)
       |
      #text----value(sample text)
    用一下方法取得元素
    var tnode=document.getElementById("t")  //取得的是text元素 可以用getAttribute方法获得他的各个属性植
    var tt=tnode.firstChild; //取到#text元素，它只有一个value 及sample text
    有两种方法可以获得
    var tvalue=tt.getData(); //方法
    var tvalue=tt.nodeValue;//属性
    其值都是sample text
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/1/6 9:49:00
     
     alai7150 帅哥哟，离线，有人找我吗？
      
      
      等级：大一(高数修炼中)
      文章：14
      积分：193
      门派：XML.ORG.CN
      注册：2006/5/6

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给alai7150发送一个短消息 把alai7150加入好友 查看alai7150的个人资料 搜索alai7150在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看alai7150的博客第7楼
    发贴心情 
    所以如果要想用js+dom动态创建文字text
    需要如下4步
    1：var tnode=document.createElement("text");//
         tnode.setAttribute("x","100");//设置text元素的各属性x,y, style……
    2：var tt=document.createTextNode("sample text");
    3：tnode.appendChild(tt); //为text 元素赋值 sample text
    4：document.appendChild(tnode);   //将整个text元素加入文档树中

    希望如此讲解能够让大家清楚text元素的结构，能够给大家带来帮助。

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2007/1/6 9:56:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/19 16:54:08

    本主题贴数7，分页： [1]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 93.750ms