javascript - Node.appendChild的参数1未实现接口(interface)Node

我是JavaScript的新手，我不知道接口(interface)节点是什么？下面是我的错误代码

Panel = function () {
   var popUpDiv = document.getElementById("firewall-content");
   var panelDiv = $("<div></div>").addClass("side_panel");
   popUpDiv.appendChild(panelDiv);
};

最佳答案

appendChild是本机DOM方法，仅接受DOM节点作为参数。您要附加的元素(panelDiv)是jQuery对象，而不是DOM元素。您可以追加DOM元素:

Panel = function () {
   var popUpDiv = document.getElementById("firewall-content");
   var panelDiv = $("<div></div>").addClass("side_panel")[0];
   popUpDiv.appendChild(panelDiv);
};

或在代码中一直使用jQuery的内置函数(如果使用jQuery，则应始终使用):

Panel = function () {
   var popUpDiv = $("#firewall-content");
   var panelDiv = $("<div></div>").addClass("side_panel");
   popUpDiv.append(panelDiv);
};