Mudar a posição de fundo com o Javascript?

Embora eu possa ver que esta pergunta foi feita antes que eu realmente preciso de uma solução sem o uso de JQuery, é para uma interface web embutida e eu não quero a sobrecarga de carregar jQuery. Eu preciso ser capaz de manipular sprites usando apenas o JS na única página, o estado do sprite é dependente de certas variáveis JS. Tenho a certeza que isto deve ser possível, mas não consigo encontrar nada sem o uso de JQuery.

Author: Marcel Korpel, 2013-02-25
Source

2 answers

A maneira mais fácil (eu acho) é definir suas próprias classes css e mudar esses clasess em eventos certan. ou seja 

<style type="text/css">
.bg1{
/* Some attributes set here */
background-position:cen‌​ter;
}
.bg2{
/* Some attributes set here */
background-position:left;
}

</style>
E depois pões o teu javascript assim. 
document.getElementById("some_id").class = "bg2";
 3
Author: Mujtaba Hassan, 2013-02-25 12:13:37
Acho que podes usar o objecto.estilo.backgroundPosition= "position" to change your desireed background position .

Tenta este código 

 <!DOCTYPE html>
<html>
<head>
<style>
div
{
background-image: url('example.png');
background-repeat: no-repeat;
width: 400px;
height: 400px;
border: 1px solid #000000;
}
</style>
<script>
function displayResult()
{
document.getElementById("div1").style.backgroundPosition="center bottom";  
}
</script>
</head>
<body>

<button type="button" onclick="displayResult()">Position background image</button>
<br>
<div id="div1">
</div>

</body>
</html>

Referência

 1
Author: Forhad, 2013-02-25 12:07:00