如何用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了

js点击改变当前菜单css样式
<!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN"> Change1.html function test4(event) { \/\/获取样式表中所有class选择器都获得 var ocssRules = document.styleSheets[0].rules;\/\/从ocssRules中取出你希望的class var style1 = ocssRules[0];if(event.value == "...

js怎么实现三个按钮点击那个那个更换样式
html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> js控制按钮样式切换 \/\/左边按钮的点击事件 window.onload = function(){ var arr = document.getElementsByTagName('button');for(var i = 0;i<arr.length;...

建站知识:如何使用JS来自由切换css样式表
详细方法如下:第一步:在连接样式表的元素里定义一个id,例如我定义的id是css。第二步:写一个js函数,代码如下:function change(a){var css=document.getElementById("css");if (a==1)css.setAttribute("href","1.css");if (a==2)css.setAttribute("href","2.css");}这个...

JS控制鼠标点击后,标签的CSS变化的代码
.unclick {background:blue} 点这个 这个不用点

求一个javascript功能,实现点击过的菜单变色。
建议用jquery库实现.具体是4个菜单的母容器设ID=mother,4个菜单分别在一个li里如下 function changeClass(a){ ("#mother").children("li").removeClass("被点击的菜单的CSS类");(a).addClass("被点击的菜单的CSS类");} 如果不用jquery会比较麻烦但是也可以写 function changeClass(a){ d...

如何使用JS来改变CSS样式
这位网友你好,首先你需要获取到要改变的元素,然后再修改其样式,语法如下:var obj = document.getElementById("要改变的元素id");obj.style.属性 = 属性值;

救命,如何用js给div标签添加css属性,当鼠标事件发生的时候,譬如点击某...
浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。2、在index.html中的标签,输入js代码:$('div').click(function () {$(this).css('color', 'blue');});。3、浏览器运行index.html页面,此时点击123所在的div,div会变为蓝色文本。

...不能再点击了,同时还把它的颜色变成灰色?用js实现
回答:$(function(){ $("a").click(function(){ alert("1"); $(this).css("color","#CCC"); $(this).unbind("click"); }) })

HTML怎么用js设置一个按钮,当点击按钮时可以显示另一个图层,按钮和图层...
首先你在css里面设置product为none,就是添加display:none,然后在JavaScript里面动态设置属性display为block就是你要的效果了。

css\/javascript 一个div包含两个样式class="div1 div2"用javascript修改...
前提是原先没有设置 style 属性。如果原先有 style 属性 var style = document.getElementById("1").getAttribute('style');document.getElementById("1").setAttribute('style', style + ';border: 10px solid !important;');注意不能用 document.getElementById("1").style.border="10px solid...

相似回答