Javascript 使用appendChild（）和createElement（）创建HTML DOM元素时，仅显示纯文本

我使用javascript

createElement（）

和

appendChild（）

编写了一些代码，但它不起作用。然而，当我应用jQuery方法时，它工作正常。有人能告诉我为什么吗

函数foo1（）{
var test_btn=document.createElement（“按钮”）.appendChild（document.createTextNode（“test_btn”）；
document.getElementById（“whythesisnothing”）.appendChild（test_btn）；
}
函数foo2（）{
$（“#WhyThisNothing”）.append（'test#btn'）；
}
函数foo3（）{
$（'#WhyThisNothing'）。追加（$（''，{text:“test_btn”}））；
}
单击我，然后单击错误1：(
单击我，然后单击确定2：(
单击我，然后单击确定3：(

appendChild

返回附加的子级，而不是附加到的父级

因此，您必须将文本单独附加到元素中，而不是将其链接，因为只剩下textnode

function foo1(){
  var test_btn = document.createElement("button");

  test_btn.appendChild(document.createTextNode("test_btn"));

  document.getElementById("WhyThisNothing").appendChild(test_btn);
}

---

appendChild

返回附加的子级，而不是附加到的父级

因此，您必须将文本单独附加到元素中，而不是将其链接，因为只剩下textnode

function foo1(){
  var test_btn = document.createElement("button");

  test_btn.appendChild(document.createTextNode("test_btn"));

  document.getElementById("WhyThisNothing").appendChild(test_btn);
}

---

appendChild返回要附加的子节点。test_btn变量实际上是文本节点而不是按钮。appendChild返回要附加的子节点。test_btn变量实际上是文本节点而不是按钮。另一个愚蠢的问题是，除了使用jquery，我可以这样做链吗？当然，使用jquery可以链接（几乎可以）还有一个愚蠢的问题是，除了使用jquery之外，我还能做这样的链接吗？当然，使用jquery你可以链接（几乎）任何东西