请教,JS可否动态生成LI标签?

想用JS来自动生成几个LI,可是好象不太好做到...有没有人知道怎么弄的?谢谢了!

解决方案 »

  1.   


    <ul id="myul">
    </ul>
    var li= document.createElement("li");
    var ul = document.getElementById("myul");
    ul.appendChild(li);
      

  2.   

    那JS里如何往<li></li>见加东西呢?
      

  3.   

    还有,我要是想生成2个以上的呢?要怎么做呢?就是
    <ul>
    <li></li>
    <li></li>
    <li></li>
    </ul>
      

  4.   

    var txt1 = document.createTextNode("");
    li.appendChild(txt1);
    var li2 = document.createElement("li");
    var txt2 = document.createTextNode("");
    li2.appendChild(txt2);
    ul.appendChild(li2);
      

  5.   

    <ul id="myul">
    </ul>function addli(n/*需要加入的li的个数*/,text/*要加入的文字*/){
    var ul = document.getElementById("myul");
    for(var i=0;i<n;i++){
    var li= document.createElement("li");
    var t=document.createTextNode(text);
    li.appendChild(t);
    ul.appendChild(li);
    }
    }
      

  6.   

    <html>
    <head>
    </head>
    <body>
    <ul id="ul1">A
    <li>
    a1
    </li>
    </ul>
    <input type="button" value="add" onclick="add()">
    <script>
    var n = 1 ;
    function add(){
    n +=1 ;
    var ul1 = document.getElementById("ul1") ;
    var li1 = document.createElement("li") ;
    li1.innerHTML = "a"+n ;
    ul1.appendChild(li1) ;
    }
    </script>
    </body>
    </html>
      

  7.   

    <html>
    <title>zj</title>
    <head>
    <script type="text/javascript">
    function add()
    {
    str='<table>';   
    str=str+'<tr>';   
    str=str+'<td>';
    for (i=0;i<=3;i++)
    {
    str=str+'<input type="text" id="'+i+'" name="'+i+'" value="'+i+'" />';
    str=str+'<br/>';
    }
    str=str+'</td>';
    str=str+'</tr>'; 
    str=str+'</table>';
    window.upid.innerHTML+=str+'';

    }
             </script>
             <script>
    function redName()
    {
    var vales;
        var frm =document.getElementById("form1").getElementsByTagName("input");
    for(var i=0;i<frm.length;i++)
    {
    vales=frm[i].value;
    alert(vales);
    }             
    }
    </script>
    </head>
    <body onload="add();">
    <form id="form1">   
    <div id="upid"></div>
    </form>
    <input type="button" value=" o k " onclick="redName();"/>
    </body>
    </html>这个是动态生成 文本框 ，可根据数据库中的条数循环，可以改成你想要的效果
      

  8.   

    removeChild（）
    我是说动态删除。。在网上找到这个方法。。不知道怎么用。。是不是可以用
    function addli(n/*需要删除的li的个数*/,text/*要删除的文字*/){
        var ul = document.getElementById("myul");
        for(var i=0;i<n;i++){
            var li= document.createElement("li");
            var t=document.createTextNode(text);
            li.removeChild(t);
            ul.removeChild(li);
        }
    }