使用javascript将表单添加到html页面_Javascript

使用javascript将表单添加到html页面

javascript

使用javascript将表单添加到html页面,javascript,Javascript,我想用javascript添加一个表单，并想使用以下代码： <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div id="afbeelding1" class="afbeelding"> <form> <input type="checkbox" oncli

我想用javascript添加一个表单，并想使用以下代码：

<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div id="afbeelding1" class="afbeelding">
    <form>
        <input type="checkbox" onclick="addOrRemoveSpecifications()">
    </form>
    <img src="afbeelding1.jpg">
</div>
</body>
<script>
function addOrRemoveSpecifications(){
    var div = document.getElementById("afbeelding1").firstchild;
    div.innerHTML=div.innerHTML + 
    '       
    <form>
        <select>
            <option value="320x200">320x200
            <option value="1024x768">1024x768
            <option value="1920x1200">1920x1200
        </select>
        <select>
            <option value="Canvas">Canvas
            <option value="Hout">Hout
            <option value="Digitaal">Digitaal
        </select>
    </form>
    ';
}
</script>
</html>


函数addorremovesspecifications（）{
var div=document.getElementById（“afbeelding1”）.firstchild；
div.innerHTML=div.innerHTML+
'       
320x200
1024x768
1920x1200
帆布
霍特
数字的
';
}

有人能帮我吗

提前感谢你们，你们真是太棒了：）

只需使用jquery或同等工具即可

myform = '<form ...';
$('afbeelding1').append(myform);

myform='根据您的需要，有两种方法
第一种方法
1.将表单添加到HTML中需要的位置
2.将该表单的css:display设置为none
3.使用JavaScript函数将显示从无更改为块
function addOrRemoveSpecifications() { documentgetElementById("form").style.display="block"; }

第二种方法：
使用以下命令创建表单：-
1.createElement
2.1儿童

例如：