Добавить динамические элементы при нажатии кнопки

Когда я нажимаю кнопку «Добавить», я хочу добавить динамическую кнопку в div. Я пытался, но не мог этого сделать. И я не могу понять, в чем ошибка, в коде. Вот мой код.Добавить динамические элементы при нажатии кнопки

<!DOCTYPE html> 
<!-- 
To change this license header, choose License Headers in Project Properties. 
To change this template file, choose Tools | Templates 
and open the template in the editor. 
--> 

<html> 
    <head> 
     <title>Content</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <!-- Bootstrap --> 
     <link href="stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css"> 
     <link href="stylesheets/bootstrap.css" rel="stylesheet" type="text/css"> 
     <link href="stylesheets/bootstrap-theme.min.css" rel="stylesheet" type="text/css"> 
     <link href="stylesheets/bootstrap-theme.css" rel="stylesheet" type="text/css"> 
     <script type="text/javascript"> 
      function addinfo() 
      { 
       //Create an input type dynamically. 
       element = document.createElement("button"); 
       element.className='btn btn-default'; 
       var t=document.createTextNode("Edit"); 
       element.appendChild(t); 
       element.id=t; 
       //var account=document.getElementById('newaccname').value; 

       var foo = document.getElementById("acc"); 
//    //Append the element in page (in span). 
       foo.appendChild(element); 
//     var d = document.getElementById('acc'); 
//     d.appendChild(i); 
      } 
     </script> 
    </head> 
    <body> 
     <button type="submit" name="addaccount" class="btn btn-default" onlick="addinfo()">Add</button> 
<div id="acc" style="width:500px;height:100px;border:1px solid #000;"></div> 
</body> 
</html>

источник

2014-02-13 upjc

Почему вы хотите, чтобы не включить начальной загрузки JS часть, которая обеспечить JQuery и гораздо более простые способы манипулировать DOM? – Capsule

Я, я попробую. – upjc

У вас есть опечатка в вашем коде. onlick -> OnClick

onlick="addinfo()"

, очевидно, должно быть

onclick="addInfo()"

источник

2014-02-13 09:51:08

О, Боже! .. Спасибо. :) – upjc

Нет проблем. Рад, что смог помочь. –

Добавить динамические элементы при нажатии кнопки

ответ

Смежные вопросы