如何用js实现,点击后,改变一个css

如题所述

方法步骤:

    先获取要改变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>


温馨提示:内容为网友见解,仅供参考
第1个回答  2018-05-07
有三种方法:直接改变样式、改变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″
第2个回答  2019-10-09
<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个回答  2018-04-30
你只要把超链接鼠标经过属性的颜色改下就可以实现了
第4个回答  2018-05-02
js改变 class 就ok了
相似回答