javascript - 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);