清一下浏览器缓存试试,应该可以显示出css效果。
解决方案 »
- html代码怎么转换成javascript的DOM对象
- window.location.herf 错误
- JS弹窗,在单页面可以,为什么在Master页面调用的时候就不可以,为什么呢,这是为什么呢,为什么呢....老天...
- 谁给推荐个JavaScript编译器,带调试功能的
- css选择器问题----或的问题
- 大家好 进来看看 关于G726压缩问题 我都快疯了 大家帮帮我
- 用 JavaScript 能去掉IE 上的Microsoft Internet Explorer 吗?
- 关于提交表单的问题
- 怎么实现选中checkbox时,显示对应的输入框??
- 使用highcharts.js插件,用火狐浏览器时页面报错
- 求一个控制图片缩放的函数,急急急。。。。
- 打开窗口得到返回值
<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% </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% </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% </span></div>
</li>
<li class="lis3">132Kb/s </li>
</ul>
</div>
</div>
</div>
被插入的<ul>位于<ul>之内,css很有可能失效
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> </span> </div> </li>";
str = str+" <li class='list3'>132Kb/s </li>";
nod.innerHTML = str;
var mubiao = document.getElementById("firstList");
insertAfter(nod,mubiao);
}
结果: <ul>
<ul class="clearfix">
<li class="list1"><input id="Checkbox2" type="checkbox">英法河浅单法河浅单法河浅单
</li>
您说的对,怎么改呢?
str = " <ul class='clearfix'> <li class='list1'> <input type='checkbox' id='Checkbox2'/>英法河浅单法河浅单法河浅单 </li>";如果把“<ul class='clearfix'>”去掉,则变为<ul>,如何把class=clearfix加上?谢谢!
<!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> </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> </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> </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>