给第5个第9个第13个li加上样式 这个JS怎么写? 大侠们帮下忙

<ul id="List">
<li></li>
<li></li>
<li></li>
<li></li>
<li class="n1"></li>
<li></li>
<li></li>
<li></li>
<li class="n2"></li>
<li></li>
<li></li>
<li></li>
<li class="n3"></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>在线等 谢谢

解决方案 »

  1.   

    var li=document.getElementById('List').getElementsByTagName('li');
    li[4].className="xxx";
    li[8].className="xxx";
    li[12].className="xxx";
      

  2.   

    <!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=gb2312" />
    <title>li里用js写一个循环语句</title>
    </head><body>
    <ul id="List">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="n1"></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="n2"></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="n3"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    <script>
    var li=document.getElementById('List').getElementsByTagName('li');
    li[4].className="n1";
    li[8].className="n2";
    li[12].className="n3";
    </script> </body>
    </html>好像没反应
    3楼的兄弟 帮忙看看
      

  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=gb2312" />
    <title>li里用js写一个循环语句</title>
    <style type="text/css">
    .n1{color:red;}
    .n2{color:yellow;}
    .n3{color:blue;}
    </style>
    </head><body>
    <ul id="List">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    </ul>
    <script>
    var li=document.getElementById('List').getElementsByTagName('li');
    li[4].className="n1";
    li[8].className="n2";
    li[12].className="n3";
    </script> </body>
    </html>
      

  4.   

    <ul id="List">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="n1"></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="n2"></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="n3"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    <script>
    alert(document.getElementById('List').innerHTML);
    el = document.getElementById('List').document.getElementsByTagName('li');
    alert(el.length);
    el[4].className = 'xxx';
    el[8].className = 'xxx';
    el[12].className = 'xxx';
    alert(document.getElementById('List').innerHTML);
    </script>IE 通过，非 IE 应将 className 改为 class