怎样让Javascript的值传到css里面去？

xiaxin 2004-07-16 02:27:30

下面is的值是1-7的随机数。

<script>
id = Math.round(Math.random()*2)+1;
ic = Math.round(Math.random()*2)+1;
is=id+ic;
if ((id == 2)&&(ic == 2))
{
is=1;
}
if ((id == 3)&&(ic == 2))
{
is=7;
}
document.write("这是" + is + "数");
</script>

我想将is的1-7分别代表7种颜色，传到下面的CSS里。有什么方法吗？
传到 background:#d90005;去。好让我的网页某个表格颜色刷新一次变一次。

<style type="text/css">
.class2
{
background:#d90005;
}
</style>

...全文

301 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

GageCSDN 2004-07-16

打赏
举报

楼上的这些办法好像都可以,但是要修改样式表,就要:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>change color</title>
<script language="javaScript">
id = Math.round(Math.random()*2)+1;
ic = Math.round(Math.random()*2)+1;
is=id+ic;
if ((id == 2)&&(ic == 2))
{
is=1;
}
if ((id == 3)&&(ic == 2))
{
is=7;
}

//建立一个待选颜色数组
var arrColor = new Array("blue","red","green","#336699","#3399cc","#006699","yellow");
//页面加载后设置颜色
function window.onload()
{
var obj = document.styleSheets[0].rules[0]; //取得第一个<style>里的第一个样式
obj.style.backgroundColor = arrColor[is]; //设置它的颜色
}
</script>

<style type="text/css">
.class2
{
background-color:#d90005;
}
</style>
</head>
<body>
<table width="50" height="30" class="class2">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>

starwu 2004-07-16

打赏
举报

this.style.cssText = "background-color: #" + s

starwu 2004-07-16

打赏
举报

可以用：
this.style.cssText.background = "#" + s

LxcJie 2004-07-16

打赏
举报

不能传到css里面

但是可以使用js控制样式

一般的格式为：

obj.style.css样式 = 。。。

<table id=table1>

</table>

document.all.table1.style.backgroundColor = "#FFFFFF";
document.all.table1.style.backgroundColor = "#000000";
...

内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的...

如果你写大量的布局和适配方案，可能会想，可不可以把一个参数值传给css文件呢。比如js内有多种渲染情况，如render一个list或者只是一个div可能是完全不同的布局。我们首先会想到可以判断一下类型并且用三元表达式...

二、CSS是什么？有什么用？三、JavaScript是什么？有什么用？四、JQury是什么？有什么用？五、Jsp是什么？有什么用？六、Ajax是什么？有什么用？七、Xml是什么？有什么用？八、Json是什么？有什么用？前言本文对...

... css css是层叠样式表，帮网页中的东西如按钮定义样式，甚至可以加一些动画，...上边介绍的html、css都是静态的，只是展示而已，不能与页面的用户交互，不能提交表单把数据传到后台服务器。但是这些JavaScript可以。

假如我有一个需求，必须通过 js 执行动画，还得让 css 去配合。拿一个简单却不太恰当的例子来说：‘一闪一闪’效果的实现。传统Vue必须要利用“动态”。但是在 vue3.2 中，尤大提出了一个概念：Js in Css。它让...