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); } 今天是博客从博客园搬过来的第一天，记录一下。