如何在javascript中动态创建标签和复选框？

我想动态创建标签和复选框。

---

当我在文本框中输入文本并按“提交”按钮时，应创建一个复选框和带有我在文本框中输入的文本的标签。.如何创建？

我想您需要此

//html
<div id="container">
<input id="test" type="text"  >
<input value="add" type="button"  onClick="add()">
</div>

//js
<script>
var i=0;
function add(){    
    if (document.getElementById('test').value!='') 
    {   
        i++;  
        var title   =document.getElementById('test').value;
        var node = document.createElement('div');        
        node.innerHTML = '<input type="checkbox" id="check' + i + '" name="check' + i + '"><label for="check' + i + '">'+ title +'</label>';       
        document.getElementById('container').appendChild(node);    
    }
}
</script>

//html
//js
var i=0；
函数add（）{
if（document.getElementById（'test'）。值！=''）
{   
i++；
var title=document.getElementById（'test'）。值；
var节点=document.createElement（'div'）；
node.innerHTML=''+标题+''；
document.getElementById（'container'）.appendChild（节点）；
}
}

对于标签，请尝试以下操作：

var newlabel = document.createElement("Label");
newlabel.setAttribute("for",id_from_input);
newlabel.innerHTML = "Here goes the text";
parentDiv.appendChild(newlabel);