注册 登录
编程论坛 JavaScript论坛

新人求助!下面的代码点击按钮后为什么不能改变background-image的属性,但是改变width或者height之类的属性却可以?

redred5 发布于 2015-05-13 22:26, 1140 次点击
新人求助!下面的代码点击按钮后为什么不能改变background-image的属性,但是改变width或者height之类的属性却可以?

<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<style type="text/css">
.test2 {
                width: 10em;
                height: 10em;
                background-image: url(test.jpg);
                background-repeat: no-repeat;
                -webkit-background-size: 20% 20%;
               
            }
</style>
</head>
<body>
        <input class="btn" type="button" value="改变css" onclick="changecss();">
        <div id="test3" class="test2"></div>
      
</body>
<script>
function changecss(){
            document.getElementById('test3').style.background-image = "url(icon.png)";
            
        }
</script>
5 回复
#2
不懂才问2015-05-14 06:56
只有本站会员才能查看附件,请 登录
#3
不懂才问2015-05-14 06:58
只有本站会员才能查看附件,请 登录
#4
冰镇柠檬汁儿2015-05-14 12:29
document.getElementById('test3').style.backgroundImage = "url(icon.png)";
background-image在javascript里的意思是background变量的值减去image变量的值,所以javascript为这种短线css属性定义了驼峰式命名的对应属性,这条原则适应所有的javascript中的css样式
#5
冰镇柠檬汁儿2015-05-14 12:30
回复 3楼 不懂才问
你的问题切入点很不准确
#6
不懂才问2015-05-14 12:34
回复 5楼 冰镇柠檬汁儿
哦,原来如此
1