Question

我需要使用JavaScript创建表单。然后我创建了如下代码。我需要添加此表单 div id =“form1”
通过使用getElementsById。但它不起作用。

<html>
<head>
    <title>
    </title>
</head>
<body>
<div id="form1">
</div>
    <script>
            var f = document.createElement("form");
            f.setAttribute('method',"post");
            f.setAttribute('action',"submit.php");

            var i = document.createElement("input");
            i.setAttribute('type',"text");
            i.setAttribute('name',"username");

            var s = document.createElement("input"); 
            s.setAttribute('type',"submit");
            s.setAttribute('value',"Submit");

            f.appendChild(i);
            f.appendChild(s);

            document.getElementsById("form1")[0].appendChild(f);
</script>
</body>
</html>

Answer 1

必须是这样的：

document.getElementById("form1").appendChild(f);

这是错误的：

document.getElementsById("form1")[0].appendChild(f);

工作代码here

修改

以下是添加table
的方法
希望这有帮助！

Answer 2

将document.getElementsById更改为document.getElementById并取出[0]。

<body>
<div id="form1">
</div>
<script>
        var f = document.createElement("form");
        f.setAttribute('method',"post");
        f.setAttribute('action',"submit.php");

        var i = document.createElement("input"); //input element, text
        i.setAttribute('type',"text");
        i.setAttribute('name',"username");

        var s = document.createElement("input"); //input element, Submit button
        s.setAttribute('type',"submit");
        s.setAttribute('value',"Submit");

        f.appendChild(i);
        f.appendChild(s);

        //and some more input elements here
        //and dont forget to add a submit button

        document.getElementById("form1").appendChild(f);
</script>
</body>

看看这里：https://jsfiddle.net/L65fpfjj/

：）

通过使用javascript为特定的div标签创建表单

2 个答案: