js动态添加svg

js动态添加svg

今天在做一个基于bpmnjs的项目时候，想在任务节点内部的<text>标签对中添加一个<tspan>显示出来，即给任务节点添加名字。

刚开始时是用jQuery找到text,然后直接append，加入自己要加的内容进去
但是发现虽然加进去了，但是在页面部分不显示，纠结好久，试了许多方法，最后终于发现错误。

**我是在svg标签里面加内容展示，但是却在内部加的是html的标签对，所以导致不显示。
创建svg节点时，要使用createElementNS函数并传入节点名称的命名空间。**

var mysvg = document.getElementById("id");  
        var rectObj = document.createElementNS("http://www.w3.org/2000/svg","tspan");  
        if(rectObj){  
            rectObj.setAttribute("x",43);  
            rectObj.setAttribute("y",43);   
            mysvg.appendChild(rectObj);  
            }

今天是博客从博客园搬过来的第一天，记录一下。