作成されたDOM要素の解決機能が見つかりません

Question

私はJSと一緒に作業していますが、私は少し混乱しています。ユーザーが要素をクリックすると、イメージ要素を作成してアニメートしたいと思います。

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

私は、次のエラーが表示されます。私は間違って

element.addClass is not a function

何をしているのですか？

Answer 1

DOMメソッドをjQueryメソッドと混同しています。 addClassはjQueryメソッドですが、elementはDOM要素であり、jQueryオブジェクトではありません。

あなたはjQueryのに固執する場合、コードは次のようになります。

DOMで

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

Answer 2

我々はCLASSLISTのようなものがあります：jqueryの中で

element.classList.add("className"); 

addClass（）メソッドを。