Question

我在SVG中动态地将<title>插入到我的组中，但其效果不起作用。元素被添加到适当的位置和所有内容，但我的小组没有获得工具提示。手动插入SVG的相同元素有效。为什么动态插入的不是？

function setuptooltip() {
    var shadowlegs = document.getElementById('shadow-legs');

    var title      = document.createElement('title');
    var titletext  = document.createTextNode("Hi there and greetings!");
    title.appendChild(titletext);

    // get the first child of shadowlegs, so we can insert before it
    var firchild = shadowlegs.firstChild;

    // insert before the first child
    shadowlegs.insertBefore(title, firchild);
}

以下是代码：http://jsfiddle.net/bYjva/

Answer 1

你不是要创建一个合适的SVG元素，而是一个DOM元素，你必须这样做

var title = document.createElementNS('http://www.w3.org/2000/svg', 'title');

FIDDLE