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') は、DOM ノードではなく、jQuery オブジェクトを返します。このオブジェクトには appendChild 関数がありません。jQuery に相当するものは次のとおりです。

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

または、getDOM ノードを取得するために使用します。

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