使用JS在div内部划分

时间:2017-02-28 11:16:08

标签: javascript jquery html css

我使用JS动态地在另一个主div中创建了一个div。现在我已经创建了fieldset和一个图例,我想在fieldset中添加主div,但它不起作用。

 var maindiv= document.createElement('div');
               maindiv.setAttribute("id","TextBoxesGroup"+vl);
               var secdiv=document.createElement('div');
               secdiv.setAttribute("id","TextBoxDiv1"+vl)
               maindiv.appendChild(secdiv);
                var ipt=document.createElement("input");
                ipt.setAttribute("type","text");
                ipt.setAttribute("id","textbox1"+vl);
                secdiv.appendChild(ipt);

对于fieldset:

var fld=document.createElement("fieldset");
             fld.style.border="1px solid black";
             var lgd=document.createElement("legend");
             lgd.innerHTML=txt;
             fld.appendChild(lgd); 

现在我尝试了:fld.appendChild(maindiv);但它不起作用。有没有办法做到这一点?

更新

部分内容我错过了更新:

document.getElementById("updt").appendChild(maindiv);

另一个div中的分区正确显示。我添加它时只有fieldset不起作用。

1 个答案:

答案 0 :(得分:0)

Check this fiddle link [FIddle][1]. assign the fieldset to a parent element.
ex : i included the body as a parent for fieldset.


  [1]: https://jsfiddle.net/Abhilash1994/7Ltyc8zx/