如何在javaScript中创建包含两个元素的div？

我对javaScript相当陌生，需要帮助。 我试图创建一个由两个元素组成的div，然后我想把它附加到一个特定的类上。以下是我到目前为止得出的结论：

为了简单起见，我只包含了我认为重要的代码

  <script>
  var div1 = document.createElement("div");
  div1.className = "note";
  var btn1= document.createElement("button");
  btn1.className = "btn";
  var impt1= document.createElement("input");
  impt1.className = "impt";
  div1.append(impt1);
  $("#myClass").append(div1);
  </script>

var div1=document.createElement（“div”）；
div1.className=“注意”；
var btn1=document.createElement（“按钮”）；
btn1.className=“btn”；
var impt1=document.createElement（“输入”）；
impt1.className=“impt”；
第1部分：追加（impt1）；
$（“#myClass”）.append（div1）；

上面代码的问题是，它没有只给我一个包含按钮和输入的apended div，而是给了我一个按钮和一些不需要的框，没有输入字段。有人能帮我如何得到正确的输出吗。理想的解决方案是创建一个div，其中包含使用javaScript附加到myClass的按钮和输入字段。谢谢

var div1=document.createElement（“div”）；
div1.className=“注意”；
var btn1=document.createElement（“按钮”）；
btn1.className=“btn”；
btn1.innerHTML=“btn”；
var impt1=document.createElement（“输入”）；
impt1.className=“impt”；
第1部分追加（btn1）；
第1部分：追加（impt1）；
$（“.myClass”）.append（div1）
您的路径正确，注释引用了jQuery，因此
$（“.myClass”）.append（div1）不工作。这可以通过使用

document.querySelector('.myClass').append(div1);


var div1=document.createElement（“div”）；
div1.className=“注意”；
var btn1=document.createElement（“按钮”）；
btn1.className=“btn”；
btn1.textContent=“btn”；
var impt1=document.createElement（“输入”）；
impt1.className=“impt”；
第1部分追加（btn1）；
第1部分：追加（impt1）；
document.querySelector（'.myClass'）.append（div1）