如何用js实现，点击后，改变一个css
2016-11-18 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
方法步骤：
先获取要改变css的元素。
改变这个元素的style属性。
eg:下面是改变div的背景色,改为蓝色。
<style>
div{width:200px;height:200px;background:#f00;}
</style>
<div>改变背景色</div>
<script>
var div = document.getElementsByTagName("div");
div.style.background = "blue";
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有三种方法：直接改变样式、改变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″
改变className： document.getElementById('obj').className="…"
改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
改变直接样式： document.getElementById('obj').style.backgroundColor="#003366″
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>.color1{color:red;}.color2{color:black;}</style><script type="text/javascript" src="/jquery-1.9.1.min.js"></script>
<div id="change" class="color1">我现在是红色</div>
<a href="#" onclick="change();"/>点击我会把文字变成黑色</a>
<script>
function change(){
$("#change").attr("color1","color2");//改变class
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你只要把超链接鼠标经过属性的颜色改下就可以实现了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
