生成表单时的 JavaScript 问题

Question

一切都按照我的愿望进行，但是当我点击图书房间按钮时，它无法为我生成输入字段，但它显示为[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;    
}

我想在点击预订房间按钮时显示表单。

Answer 1

你在这里:

您应该使用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);    
}