含有JS的html里css无效
<html><head><styletype="text/css">#33{background-color:#F00;}#river{background-color:...
<html>
<head>
<style type="text/css">
#33{background-color:#F00;}
#river{background-color:#F00;}
</style>
<script type = "text/javascript">
function table()
{
document.write("<table width='350' border='1' cellpadding='20'>");
for (var i=1;i<10;i++)
{
document.write("<tr>");
for (var j=1;j<8;j++)
{
document.write("<td id='"+j+i+"'>test</td>");
}
document.write("</tr>");
}
document.write("</table>");
var tempCell=document.getElementById("33");
tempCell.innerHTML="<div id='river'>ok</div>";
}
</script>
</head>
<body onload = "table()">
</body>
</html>
这段代码中CSS不生效……求帮助 展开
<head>
<style type="text/css">
#33{background-color:#F00;}
#river{background-color:#F00;}
</style>
<script type = "text/javascript">
function table()
{
document.write("<table width='350' border='1' cellpadding='20'>");
for (var i=1;i<10;i++)
{
document.write("<tr>");
for (var j=1;j<8;j++)
{
document.write("<td id='"+j+i+"'>test</td>");
}
document.write("</tr>");
}
document.write("</table>");
var tempCell=document.getElementById("33");
tempCell.innerHTML="<div id='river'>ok</div>";
}
</script>
</head>
<body onload = "table()">
</body>
</html>
这段代码中CSS不生效……求帮助 展开
3个回答
展开全部
我们要被迫出现滚动条，但有时我们不希望出现一个滚动条，那就要隐藏它。从指点，我们可以很容易地得到答案的问题----设置CSS属性溢出值隐藏。
具体步骤：
方法一：设置CSS属性溢出是隐藏的。
方法二：设置body元素的滚动属性是否定的。
注：
推荐的方法来隐藏滚动条，使用方法两个词不能重复使用IE5.0脚本的页面滚动操作。由于该方法仅仅是可以隐藏不显示滚动条，并且第二个是直接的方法被设置为没有滚动条。这可以在这种情况下，两种方法在本节中使用的设定，分别为“问题6”中的滚动条demo.htm页第六章来测试。在IE5.0中，采用的方法两个隐藏demo.htm页面滚动条，控制页面滚动功能将失败。
温馨提示：
如果你想隐藏的水平或垂直滚动条上，你可以使用溢出-X或溢出-Y组。
具体步骤：
方法一：设置CSS属性溢出是隐藏的。
方法二：设置body元素的滚动属性是否定的。
注：
推荐的方法来隐藏滚动条，使用方法两个词不能重复使用IE5.0脚本的页面滚动操作。由于该方法仅仅是可以隐藏不显示滚动条，并且第二个是直接的方法被设置为没有滚动条。这可以在这种情况下，两种方法在本节中使用的设定，分别为“问题6”中的滚动条demo.htm页第六章来测试。在IE5.0中，采用的方法两个隐藏demo.htm页面滚动条，控制页面滚动功能将失败。
温馨提示：
如果你想隐藏的水平或垂直滚动条上，你可以使用溢出-X或溢出-Y组。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.write写入内容会清空原有的内容，也就是说你原来的css已经被清空掉。所以，如果必须使用document.write，那么html代码要写全。把你的css写入的新的内容里面。
<html>
<head>
<style type='text/css'>
/*这里其实没必要写样式的，即使写了也会被覆盖掉*/
#x33{background-color:#F00;}
#river{background-color:#F00;}
</style><script type = "text/javascript">function table(){
//这里面要写入需要的样式
document.write("<html><head><style type='text/css'>#x33{background-color:#F00;}#river{background-color:#F00;}</style><table width='350' border='1' cellpadding='20'>"); for (var i=1;i<10;i++) { document.write("<tr>"); for (var j=1;j<8;j++) { document.write("<td id='x"+j+i+"'>test</td>"); } document.write("</tr>"); } document.write("</table><body></body></html>"); var tempCell=document.getElementById("x33"); tempCell.innerHTML="<div id='river'>ok</div>";}</script></head><body onload = "table()">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
onload 事件会在页面或图像加载完成后立即发生。
css怎么能控制JS输出--,
tempCell.innerHTML="<div id='river'>ok</div>";
tempCell.style.background="#F00";
tempCell.style.background="#F00";
css怎么能控制JS输出--,
tempCell.innerHTML="<div id='river'>ok</div>";
tempCell.style.background="#F00";
tempCell.style.background="#F00";
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
