<ul id="s">
<li>11111111111111111</li>
<li>22222222222222222</li>
<li>33333333333333333</li>
<li>44444444444444444</li>
<li>55555555555555555</li>
</ul>

<input type="button" value="删除第2行" onclick="del(2);">
<input type="button" value="删除第3行" onclick="del(3);">
<input type="button" value="添加到最后行" onclick="add(-1,'最后行');">
<input type="button" value="添加到第二行" onclick="add(2,'第二行');">

<script>
function del(n)
 {
  var s=document.getElementById('s');
  var t=s.childNodes.length;
  for (var i=0;i<t;i++)
  {
   if (i==n-1)
   {
    s.removeChild(s.childNodes[i]);
   }
  }
 }
function add(n,txt)
 {
  var s=document.getElementById('s');
  var t=s.childNodes.length;
  var li= document.createElement("li");
  li.innerHTML=txt;
  for (var i=0;i<t;i++)
  {
   if (n==-1)
   {
    s.appendChild(li);
   }
   else if (i==n-1)
   {
    s.insertBefore(li,s.childNodes[i]);
   }
  }
 }
</script>

• 本文标题： 如何在ul指定位置动态删除和插入li标签
• 文章分类：【HTML/CSS】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

• 上一篇：大型门户网站用什么技术实现的
• 下一篇： C# 判断两个日期是否是同一天