Question

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

这段代码的目的是清空指定div的背景色，我把JS和JQ的代码都贴出来了，但不知道哪里写错了，除了最下面的("fill","none");，其它都不起作用。求指点，谢谢！

<script type="text/javascript">
$(document).ready(function(){
$("#clear_all_color").click(function(e){
document.getElementById('outside_show').style.backgroundColor='none';

document.getElementById('inside_show').style.backgroundColor='none';
document.getElementById('solid_c1_outside').style.backgroundColor='none';
document.getElementById('solid_c1_inside').style.backgroundColor='none';
document.getElementById('segmented_c1_outside').style.backgroundColor='none';
document.getElementById('segmented_c1_inside').style.backgroundColor='none';
document.getElementById('.swirl_c1_outside').style.backgroundColor='none';
document.getElementById('.swirl_c1_inside').style.backgroundColor='none';

$("#outside_show").css("background-color","none");
$("#inside_show").css("background-color","none");
$("#solid_c1_outside").css("background-color","none");
$("#solid_c1_inside").css("background-color","none");
$("#segmented_c1_outside").css("background-color","none");
$("#segmented_c1_inside").css("background-color","none");
$(".swirl_c1_outside").css("fill","none");
$(".swirl_c1_inside").css("fill","none");

})
});
</script>

Answer 1

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

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

Answer 2

建议楼主系统学习下.我只给你一个简单的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)">

Answer 3

$(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");
    })
});

Answer 4

backgroud-color设置成transparent看看