动态插入对象(ul),为什么css不起作用？

清一下浏览器缓存试试，应该可以显示出css效果。

解决方案 »

  1.   

    对手写的ul起作用，但对动态插入的ul似乎未完全起作用，li之间无间隔(本应有间隔)
      

  2.   

    插入<ul>后的结构：<div class="rbox2">
    <div class="inner_rbox2">
    <div class="down_text" id="medialist">
    <ul class="clearfix ul_title" id="listTitle">
    <li class="lis1">文件名 
    </li>
    <li class="lis2">大小 
    </li>
    <li class="lis4">进度 
    </li>
    <li class="lis3">速度 </li>
    </ul>
    <ul class="clearfix" id="firstList">
    <li class="lis1">
    <input id="Checkbox1" type="checkbox" name="Checkbox2" value="ON">英法河浅单法河浅单法河浅单 
    </li>
    <li class="lis2">2007.80M 
    </li>
    <li class="lis4">
    <div class="down_loading">
    <span class="bfb" style="WIDTH: 10%">10% &nbsp; </span></div>
    </li>
    <li class="lis3">132Kb/s </li>
    </ul>
    <ul>
    <ul class="clearfix">
    <li class="list1"><input id="Checkbox2" type="checkbox">英法河浅单法河浅单法河浅单 
    </li>
    <li class="list2">2007.80M </li>
    <li class="list4">
    <div class="down_loading">
    <span class="bfb" style="WIDTH: 10%">10% &nbsp; </span></div>
    </li>
    <li class="list3">132Kb/s </li>
    </ul>
    </ul>
    <ul class="clearfix">
    <li class="lis1">
    <input id="Checkbox2" type="checkbox" name="Checkbox1">英法河浅单法河浅单法河浅单 
    </li>
    <li class="lis2">2007.80M 
    </li>
    <li class="lis4">
    <div class="down_loading">
    <span class="bfb" style="WIDTH: 10%">10% &nbsp; </span></div>
    </li>
    <li class="lis3">132Kb/s </li>
    </ul>
    </div>
    </div>
    </div>
    被插入的<ul>位于<ul>之内，css很有可能失效
      

  3.   


    window.onload = function() 
    { 
    var nod = document.createElement("ul");
    nod.className='clearfix'
    var str; 
    str = "<li class='list1'> <input type='checkbox' id='Checkbox2'/>英法河浅单法河浅单法河浅单 </li>"; 
    str = str+" <li class='list2'>2007.80M </li>"; 
    str = str+" <li class='list4'> <div class='down_loading'> <span style='width:10\%;' class='bfb'> <span>10\% </span>&nbsp; </span> </div> </li>"; 
    str = str+" <li class='list3'>132Kb/s </li>"; 
    nod.innerHTML = str; 
    var mubiao = document.getElementById("firstList"); 
    insertAfter(nod,mubiao); 
    } 
      

  4.   

    var nod = document.createElement("ul"); str = " <ul class='clearfix'> <li class='list1'> <input type='checkbox' id='Checkbox2'/>英法河浅单法河浅单法河浅单 </li>"; nod.innerHTML = str; 
    结果：            <ul>
                    <ul class="clearfix">
                        <li class="list1"><input id="Checkbox2" type="checkbox">英法河浅单法河浅单法河浅单 
                        </li>
      

  5.   


    您说的对，怎么改呢？
    str = " <ul class='clearfix'> <li class='list1'> <input type='checkbox' id='Checkbox2'/>英法河浅单法河浅单法河浅单 </li>";如果把“<ul class='clearfix'>”去掉，则变为<ul>,如何把class=clearfix加上？谢谢!
      

  6.   

    怎么修改程序呢？我以前做C++的，对web有点手潮
      

  7.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title> </title> 
    <meta http-equiv="Content-Type" content="text/html; charset=GB231"> 
    <link href="./images/p2p.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="./images/external.js"> </script> 
    <style>
    /*-- for test--*/
    .clearfix{font-size:12px;color:red}
    </style>
    <div class="rbox2"> 
    <div class="inner_rbox2"> 
    <div class="title3"> <strong>正在下载 </strong> </div> 
    <div class="down_info"> <span class="s5">开始任务 </span> <span class="s6">暂停任务 </span> <span class="s3">删除任务 </span> <span class="s4">设置 </span> </div> 
    <div class="down_text" id="medialist"> 
    <ul class="clearfix ul_title" id="listTitle"> 
    <li class="lis1">文件名 </li> 
    <li class="lis2">大小 </li> 
    <li class="lis4">进度 </li> 
    <li class="lis3">速度 </li> 
    </ul> 
    <ul class="clearfix" id="firstList"> 
    <li class="lis1"> <input type="checkbox" ID="Checkbox1" NAME="Checkbox1"/>英法河浅单法河浅单法河浅单 </li> 
    <li class="lis2">2007.80M </li> 
    <li class="lis4"> <div class="down_loading"> <span style="width:10%;" class="bfb"> <span>10% </span> &nbsp; </span> </div> </li> 
    <li class="lis3">132Kb/s </li> 
    </ul> 
    <ul class="clearfix"> 
    <li class="lis1"> <input type="checkbox" ID="Checkbox2" NAME="Checkbox1"/>英法河浅单法河浅单法河浅单 </li> 
    <li class="lis2">2007.80M </li> 
    <li class="lis4"> <div class="down_loading"> <span style="width:10%;" class="bfb"> <span>10% </span> &nbsp; </span> </div> </li> 
    <li class="lis3">132Kb/s </li> 
    </ul> </div> 
    </div> 
    </div> 
    </div> 
    <script type="text/javascript"> 
    function insertAfter(newElement,targetElement) 
    { 
      var parent = targetElement.parentNode; 
      if (parent.lastChild == targetElement) 
      { 
        // 如果最后的节点是目标元素，则直接添加。因为默认是最后 
        parent.appendChild(newElement); 
      } 
      else 
      { 
        parent.insertBefore(newElement,targetElement.nextSibling); 
        //如果不是，则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面。 
      } 
    } 
    window.onload = function() 
    { 
    var nod = document.createElement("ul");
    nod.className='clearfix'//加上class=clearfix
    var str; 
    str = "<li class='list1'> <input type='checkbox' id='Checkbox2'/>英法河浅单法河浅单法河浅单 </li>"; 
    str = str+" <li class='list2'>2007.80M </li>"; 
    str = str+" <li class='list4'> <div class='down_loading'> <span style='width:10\%;' class='bfb'> <span>10\% </span>&nbsp; </span> </div> </li>"; 
    str = str+" <li class='list3'>132Kb/s </li>"; 
    nod.innerHTML = str; 
    var mubiao = document.getElementById("firstList"); 
    insertAfter(nod,mubiao); 
    } 
    </script> </body></html>
      

  8.   

    谢谢caiying2009,谢谢各位回帖网友