Question

我正在尝试通过javascript创建<div><div><div><input type="text"></div></div><div>。但不知何故，代码似乎无法正常工作。我试图使用DOM方法来创建上面提到但似乎没有任何工作。请帮助!!

  <html>
  <head>
  <script>
    function newFunc2()
   {
    a=document.createElement('div');
    b = document.createElement('input type="text"'); 
    a.appendChild(b);

    c=document.createElement('div');
    c.appendChild(a);

    var d=document.getElementById('new1');
    d.appendChild(c);
   }
   </script>
   </head>

  <body>
  <input type="button" id="btn" value="ChangeCase" onclick="newFunc2()"/>;

  <div id="new1">
  </div>

  </body>
  </html>

Answer 1

尝试

b = document.createElement('input'); 
b.setAttribute("type","text"); // Here you can set radio,checkbox according to need

而不是

 b = document.createElement('input type="text"');

Fiddle

要指定输入的类型，您可以拥有setAttribute()

<强>文档：

document.createElement()

setAttribute()

用Javascript搞砸创建元素

1 个答案:

Fiddle