使用 javascript 将路径附加到 SVG

Lar*_*ars 3 javascript svg appendchild

我正在尝试使用 javascript 将路径元素附加到某些内联 svg,但收到错误:“Uncaught NotFoundError:尝试在不存在的上下文中引用节点”任何人都可以解释为什么这个 javascript无法使用我的 HTML?

<body>
    <svg height='500' width='500'></svg>


    <script>
        var svg =  document.getElementsByTagName("svg")[0];
        var pathElement = svg.appendChild("path");
    </script>

</body>
Run Code Online (Sandbox Code Playgroud)

Rob*_*son 5

appendChild 接受一个元素而不是一个字符串,所以你需要的是这样的......

var svg = document.getElementsByTagName("svg")[0];
var path = document.createElementNS("http://www.w3.org/2000/svg", "path");

// Use path.setAttribute("<attr>", "<value>"); to set any attributes you want

var pathElement = svg.appendChild(path);
Run Code Online (Sandbox Code Playgroud)