标题:新人求助!下面的代码点击按钮后为什么不能改变background-image的属性,但 ...
只看楼主
redred5
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2015-5-13
结帖率:0
已结贴  问题点数:20 回复次数:5 
新人求助!下面的代码点击按钮后为什么不能改变background-image的属性,但是改变width或者height之类的属性却可以?
新人求助!下面的代码点击按钮后为什么不能改变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>
搜索更多相关主题的帖子: style 
2015-05-13 22:26
不懂才问
Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15
来 自:大草原
等 级:贵宾
威 望:29
帖 子:1501
专家分:6573
注 册:2010-7-5
得分:10 

报告老师,我低头不是因为我在装低调,是你问的问题,我真的不会答,,,
2015-05-14 06:56
不懂才问
Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15
来 自:大草原
等 级:贵宾
威 望:29
帖 子:1501
专家分:6573
注 册:2010-7-5
得分:0 

报告老师,我低头不是因为我在装低调,是你问的问题,我真的不会答,,,
2015-05-14 06:58
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8074
专家分:6657
注 册:2005-11-7
得分:10 
document.getElementById('test3').style.backgroundImage = "url(icon.png)";
background-image在javascript里的意思是background变量的值减去image变量的值,所以javascript为这种短线css属性定义了驼峰式命名的对应属性,这条原则适应所有的javascript中的css样式

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2015-05-14 12:29
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8074
专家分:6657
注 册:2005-11-7
得分:0 
回复 3楼 不懂才问
你的问题切入点很不准确

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2015-05-14 12:30
不懂才问
Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15
来 自:大草原
等 级:贵宾
威 望:29
帖 子:1501
专家分:6573
注 册:2010-7-5
得分:0 
回复 5楼 冰镇柠檬汁儿
哦,原来如此

报告老师,我低头不是因为我在装低调,是你问的问题,我真的不会答,,,
2015-05-14 12:34



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-445262-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.839046 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved