原生JS在DIV下添加label标签，label里面再添加input

HTML代码

<div id="text" style="font-size: 15px;width: 530px;min-height: 438px;padding-top: 10px;border: solid 1px #c0c4cc;">
                <!-- <label style="width: 251px;border: solid 1px #c0c4cc;"><input type="checkbox" style="height: 10px;" name="material_type1" value="シリコーン">耐克</label> -->
            </div> 

JavaScript代码

var body = document.getElementById("text"); //获得ID为text的节点
    var label = document.createElement("label");  //创建一个label标签
    label.style = "width: 251px;border: solid 1px #c0c4cc;margin-left: 9px;"; //设置他的属性
    
    var teValue = document.createElement("font");  //创建一个font标签
    teValue.style = 'margin-left: 6px;'; //设置标签属性
    teValue.innerHTML = "172";  //设置标签的内容

// ------
    var input = document.createElement("input"); //创建一个input标签
    input.style = 'height: 17px;margin-left: 6px;top: 3px;position: relative;'; //设置属性
    input.type = 'checkbox';  //设置类型
// ------
    
    label.appendChild(input);  //把input添加到label里面
    label.appendChild(teValue);  //再把font标签添加到label里面后面

    body.appendChild(label);  //把label添加到ID为text的DIV框里

效果 

也可以用别的方法添加

<script type="text/javascript">  
   var body= document.body;             
   var btn = document.createElement("input");  
   btn.setAttribute("type", "text");  
   btn.setAttribute("name", "q");  
   btn.setAttribute("value", "添加一个");  
   btn.setAttribute("onclick", "javascript:alert('6666');");       
   body.appendChild(btn);  
</script>