使用JS将SVG元素附加到现有SVG元素

Question

我正在尝试将SVG元素圈添加到现有的SVG元素中，我想圈到坐在地图的顶部，即叠加但我无法正确执行，我已经为它创建了JSfiddle。请让我知道如何实现这一目标。

MY code is here

如何使用以下代码附加精确坐标

document.getElementById('us').appendChild(c1);

Answer 1

你应该从html中删除onmouseover属性并在javascript代码中绑定mouseover事件，类似于这个伪代码：

var item = document.getElementById('id');
item.addEventListener('mouseover', function() {
    var x = getXPosition();
    var y = getYPosition();
    circleElement.setAttribute('cx', x);
    circleElement.setAttribute('cy', y);
}, false);

您还应该在需要时使用css类，内联样式或任何其他方法显示/隐藏元素。