2个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<style>
.box{ width: 200px; height: 200px; border: 1px solid #ccc; background-color: #f00; color: #fff;}
</style>
</head>
<body>
<div id="box" class="box">这是一个div</div>
<a href="#" id="btn" class="btn">这是一个连接</a>
<script>
var btn = document.getElementById('btn'), box = document.getElementById('box');
var changeBackgroundColor = function(elem,color){
elem.style.backgroundColor = color;
}
btn.onclick = function(e){
changeBackgroundColor(box,'#000')
return false;
}
</script>
</body>
</html>
希望能帮到你。
展开全部
<script>
function clickfn(){
var box = document.getElementById('box');
box.style.backgroundColor="#f00" //设置背景颜色为红色
box.style.color="#FFF"//设置字体颜色为白色
}
</script>
<div id="box">这是一个div</div>
<a href="javascript:clickfn()" >这是一个连接</a>
function clickfn(){
var box = document.getElementById('box');
box.style.backgroundColor="#f00" //设置背景颜色为红色
box.style.color="#FFF"//设置字体颜色为白色
}
</script>
<div id="box">这是一个div</div>
<a href="javascript:clickfn()" >这是一个连接</a>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询