Javascript 如何在单击时将SVG放入DIV中

我有这个代码，它工作得很好

var play = function(){
    $( this ).click(function() {
        console.log( "Test" );
    });
}

我想替换console.log（“Test”）；使用在单击的div中呈现的SVG，但不确定如何执行该操作。我还想让SVG在每次点击时进行替换，因此我写了以下内容：

var changePlayer = function(){
    if (){
        // X Player
    } else
        // O Player
};

我必须将changePlayer传递到游戏中吗？

var Play=function（）{
var play = function(){
    $( this ).click(function(e) {
        var targetBox = (e.target.id);
        $("#" + targetBox).append("<svg></svg>");

    });
}

$（此）。单击（函数（e）{
var targetBox=（e.target.id）；
$（“#”+targetBox）；
});
}

---

这很有效。

您可以像使用HTML DOM结构一样使用SVG—动态添加它，从DOM中删除它，编辑它的属性和属性。