JQuery 在 SVG 上添加

Question

为什么这有效

$(parent)[0].appendChild(el);

这不是吗？

$(parent)[0].prepend(el);

来自:

makeSVG('.svg-global', 'g', {id:'setores'}, true);

makeSVG('#setores',x.name, x.data,false);

以及函数本身:

function makeSVG(parent, tag, attrs,pre) {
            var el= document.createElementNS('http://www.w3.org/2000/svg', tag);
            for (var k in attrs)
                el.setAttribute(k, attrs[k]);
            if(pre){
                $(parent)[0].prepend(el);
            }else{
                $(parent)[0].appendChild(el);
            }
        }

Answer 1

Javascript 没有前置方法，jQuery 有

$(parent).eq(0).prepend(el);

和

$(parent).eq(0).append(el);

是 jQuery 方法，而 appendChild 是原生 JavaScript 方法。

当您使用 [0] 时，您将获得集合中第一个底层 native javascript 元素，并且 jQuery 方法不适用于常规 DOM 节点。

不幸的是， native 节点没有 prependChild 方法，您必须使用 insertBefore

parent.insertBefore(el, parent.firstChild);