javascript - 如何使用HTML代码直接在javascript中初始化变量

如何使用直接HTML代码在JavaScript中初始化变量？

我试图将animate标记放在变量中，以便每当发生mouseover事件时，我都可以将其附加到svg。我正在使用snap.svg。

var g = HTML CODE
var s = Snap("#svg");
s.mouseover(function(){
    s.append(g);
});

这样的事情。我知道这种语法是错误的。我不想在我的html代码中写入此标记，但将其隐藏然后追加

最佳答案

可能是最简单的方法：

var someHTML = '<div>Heeeyy</div>',
    someElem = document.getElementById('someElement');

someElem.onmouseover = function(){
    someElem.insertAdjacentHTML('beforeend', someHTML );
    someElem.onmouseover = null; // Remove this if you want it to happen on every mouseover event
}

或者，您可以使用document.createElement('DIV')创建一个新元素，并将innerHTML设置为所需的html。然后，在父元素上添加appendChild创建的元素（所需元素）。

关于javascript - 如何使用HTML代码直接在javascript中初始化变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33033521/