现在有这样一个<ul><div class="a1">
<ul>
<li id="menu1">1</li>
<li id="menu2">2</li>
<li id="menu3">3</li>
<li id="menu4">4</li>
<li id="menu5">5</li>
</ul>
</div>
希望在3的倍数的</li>标签插入代码:<div class="a1">
<ul>
<li id="menu1">1</li>
<li id="menu2">2</li>
<li id="menu3">3</li></ul>
</div>
<div class="a2"><li id="menu4">4</li>
<li id="menu5">5</li>
</ul>
</div>不知道可以使用Javascript来实现吗?

解决方案 »

  1.   

    innerText  or innerHTML;
      

  2.   

     我想是你想要的。
    <div class="a1"> 
    <ul id='ul1'> 
    <li id="menu1">1 </li>
    <li id="menu2">2 </li>
    <li id="menu3">3 </li>
    <li id="menu4">4 </li>
    <li id="menu5">5 </li>
    </ul> 
    </div> <script>
      var str = "<div class='a2'>"+
    "<ul>"+
    "<li id='menu6'>3-1 </li>"+
    "<li id='menu7'>3-2 </li>"+
    "</ul>"+
         "</div>";  var ulObj = document.all.ul1;
      var liList = ulObj.childNodes; // 获得 ul 下所有 li 子元素
      for(var i=0;i<liList.length;i++){
           if((i+1)%3==0){
               // 如果是 3 的倍数
               var liObj = liList[i];
               liObj.innerHTML+=str;
           }
      }
    </script>