在创建的DOM元素上解析函数未找到的错误

Question

我正在使用JS，我对某些事情感到困惑。当用户单击我想要创建图像元素的元素并为其设置动画时。

element = document.createElement("IMG");
element.src = "/path/to/file.jpg";
element.addClass("class1");

我收到以下错误：

  

element.addClass不是函数

我做错了什么？

Answer 1

您将DOM方法与jQuery方法混淆。 addClass是一个jQuery方法，但element是一个DOM元素，而不是一个jQuery对象。

如果你想坚持使用jQuery，代码将是：

var element = $("<img>", {
    src: "/path/to/file.jpg",
    "class": "class1"
});

Answer 2

在DOM中我们有类似classList的东西：

element.classList.add("className");

在Jquery中的addClass（）方法。