做一个投票，当用户点击“再加一项”时，下面就多出一行应该怎么实现呢？？

各种投票系统貌似都是这样的，可是应该怎么实现呢，各位大神求救啊！

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title> new document </title>
    </head><body>
    <input type="text" id="t" />
    <input type="button" value="click me" id="btn" />
    <div id="nr">
    <p>1111111111111</p>
    </div>
    <script>
    document.getElementById('btn').onclick = function(){
    var value = document.getElementById('t').value;
    var p = document.createElement('p');
    p.innerHTML = value;
    document.getElementById('nr').appendChild(p);
    };

    </script>
    </body></html>
      

  2.   

    1楼的意思是对的，如果还想添加“删除”功能的话，也可以用removeChild，方法一样的。。
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title> new document </title>
    </head><body>
    <input type="text" id="t" />
    <input type="button" value="click me" id="btn" />
    <div id="nr">
    <p>1111111111111</p>
    <p>2222222222222</p>
    </div>
    <script>
        document.getElementById('btn').onclick = function(){
            var value = document.getElementById('t').value;
            var p = document.createElement('p');
            p.innerHTML = value;
            document.getElementById('nr').appendChild(p);
        };
        
    </script>
    </body></html>
    这样意思？