javascript 改变指定css样式
发布网友
发布时间：2022-04-21 01:15
共2个回答
热心网友
时间：2022-04-06 15:00
javascript改变CSS样式分为局部和全局，分别如下：
一、局部改变样式
有三种方法：直接改变样式、改变className和改变cssText
改变className： document.getElementById('obj').className="…"
改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
改变直接样式： document.getElementById('obj').style.backgroundColor="#003366″
二、全局改变样式
通过改变外链样式的的href的值实现网页样式的实时切换，也就是"改变模板风格"。
首先需要赋予需要改变的目标一个id，如
代码如下:
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
调用时很简单，如
代码如下:
<span onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>
热心网友
时间：2022-04-06 16:18
给你解释下
1.你要是想改变样式必须通过ID来得到这个对象document.getElementById("L1"）当然你的样式要写到标签的属性里面还要给标签定义一个ID
2.做个事件,比如鼠标单机事件onClick="change()"
3.定义一个函数让他做函数大括号中的事情
4.下面有注释
<html>
<head>
<title>翔</title>
<script language="javascript">
function change(){
document.getElementById("L1").style.backgroundColor="#00ff00";
//通过ID得到当前对象.样式.背景颜色="绿色";
}
</script>
</head>
<body>
<div id="L1" style="position:absolute;
left:72px;
top:62px;
width:192px;
height:137px;
background-color:#003399;
z-index:1;" onClick="change()">
把样式写到了标签里面便于对照
</div>
</body>
</html>
还有更多的你可以自己琢磨琢磨
javascript是个很有意思的脚本language
