how to remove and then again apply background image using java script and in addition changing color of text and background also.
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function(){
$("#changeColor").click(function(){
$(".container").css("color","#3399ff");
});
$("#remImage").click(function(){
$("#myImg").toggle();
});
$("#changeback").click(function(){
$(".container").css({,"font-size":"10px",});
});
});
function changecolor(){
document.getElementById('container').style.color="#334499";
}
function clearimage(){
document.getElementById('myImg').style.display='none';
}
function changeBackground(){
document.getElementById('container').style.backgroundColor="yellow";
}
</script>
<body>
<div class="container" style="width:700;float:left" id="container">
<img src="http://flickholdr.com/200/200/1" id="myImg"/>
<h1>This is for Text Color and background color change</h1>
</div>
<div class="buttonDiv" style="width:300;float:right">
<button type="button" önclick="changecolor()" id="changeColor">
Click Me to change text-color</button><br />
<button type="button" önclick="clearimage()" id="remImage">
Remove Image</button><br />
<button type="button" önclick="changeBackground()" id="changeback">
Change the background </button>
</div>
</body>