javascript - 生成表单时的javascript问题

一切都按我的意愿进行，但是当我单击书房按钮时，它无法为我生成输入字段，但显示为[object HTMLFormElement]，这是我的代码

function booking(roomBooking){
    var f = document.createElement("form");
    var in1 = document.createElement("input");
    in1.type = "text";
    in1.name = "user_name";
    in1.id = "user_name1";
    f.appendChild(in1);
    document.getElementById("name").innerHTML=f;
}

当我单击书房按钮时，我想显示表格。

最佳答案

这个给你：

您应该只使用appendChild（）函数将f变量应用于“ #name”元素，因为“ f”是一个对象，不能直接使用它。

function booking(roomBooking) {
    var f = document.createElement("form");
    var in1 = document.createElement("input");

    in1.type = "text";
    in1.name = "user_name";
    in1.id = "user_name1";
    f.appendChild(in1);

    document.getElementById("name").appendChild(f);
}