<input type='button' class="myButton" onclick="document.body.style.cssText+=';background-image: url(img01.jpg);background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover;';" value="Sehr-Gut">
有没有办法让这段代码更简单？就像创建一个css样式并把它放入这个onclick事件一样？
答案 0 :(得分：1)
<input type='button' class="myButton" value="Sehr-Gut">
$('.myButton').click(function(){
document.body.style.cssText+='background-image:url(img01.jpg);background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover;';
});
更简单的方法可能是使用Javascript将类添加到<body>元素：
$('.myButton').click(function(){ $('body').addClass('newClass'); });
.newClass {
background-image: url(img01.jpg);
background-repeat: no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
};
答案 1 :(得分：0)
你可能需要JQuery。 然后你可以使用@ philtune的解决方案或采用不同的方法：
<input type='button' class="myButton"
onclick="$(body).addClass('some-classname')"
value="Sehr-Gut">
和你的css
body.some-classname {
background-image: url(img01.jpg);
background-repeat: no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}