javascript - 使用 JS 在 fieldset 中进行 Div

Question

我使用 JS 在另一个主 div 中动态创建了一个 div。现在我已经创建了 fieldset 和一个图例，我想在 fieldset 中添加 main 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);

对于字段集:

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 内的分区显示正确。仅在我添加时不工作的字段集。

Answer 1

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/