JS与JQ 点击改变div背景色的问题

发布网友 发布时间：2022-04-26 20:08

我来回答

共4个回答

热心网友 时间：2022-05-01 14:05

document.getElementById("outside_show").style.backgroundColor = "";
$("#outside_show").css("background-color", "");

清空背景颜色不能用none的。直接把css设置为空就可以了。

热心网友 时间：2022-05-01 15:23

建议楼主系统学习下.我只给你一个简单的JS ,直接在HTML标签里面事件执行的代码
<script language="javascript">

function over(obj){
for(i=0;i<obj.childNodes.length;i++){
//alert(obj.childNodes[i])
obj.childNodes[i].style.backgroundColor='#0099CC';
}
}
function out(obj){
for(i=0;i<obj.childNodes.length;i++){
obj.childNodes[i].style.backgroundColor='#ffffff';
}
}
</script>

JS两个函数
在标签里面加入onClick="over(this)" oncontextmenu="out(this)"
如:
<tr onClick="over(this)" oncontextmenu="out(this)">

热心网友 时间：2022-05-01 16:58

$(document).ready(function() {
    $("#clear_all_color").click(function(e) {
        $("#outside_show").css("background-color", "transparent");
        $("#inside_show").css("background-color", "transparent");
        $("#solid_c1_outside").css("background-color", "transparent");
        $("#solid_c1_inside").css("background-color", "transparent");
        $("#segmented_c1_outside").css("background-color", "transparent");
        $("#segmented_c1_inside").css("background-color", "transparent");
        $(".swirl_c1_outside").css("fill", "none");
        $(".swirl_c1_inside").css("fill", "none");
    })
});

热心网友 时间：2022-05-01 18:49

backgroud-color设置成transparent看看