body.appendchild函数中的js脚本错误

Question

var loc=window.location.href,width="500px",height="450px";
var a=document.createElement("div");

a.id="xyz";
a.style.position="fixed";
a.style.width="500px";
a.style.height="450px";
a.style.top="0px";
a.style.right="0px";

$('body').appendChild(a);
a.innerHTML='<iframe id="submit" width="500px" height="450px" src="http://abc.html"><iframe>';

此代码给出错误 表达式'$（'body'）的结果。appendChild'[undefined]不是函数。

请帮助我，因为我无法弄清楚为什么这个错误正在蔓延

Answer 1

$（'body'）返回一个jQuery对象，而不是一个DOM节点。该对象没有appendChild函数。 jQuery的等价物是：

$('body').append(a);

或者，使用get获取DOM节点：

$('body').get(0).appendChild(a);