heldenbrau Posted August 18, 2010 Share Posted August 18, 2010 onclick="if (document.getElementById('plus').style.background=='black'){ document.getElementById('plus').style.background='green'; } else { document.getElementById('plus').style.background='black'; }" I click a green button with the ID of plus and it turns black, but I click it again, it doesn't turn back to green Quote Link to comment Share on other sites More sharing options...
RIRedinPA Posted August 18, 2010 Share Posted August 18, 2010 Try backgroundColor instead of background: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en"> <head> <meta charset="utf-8"> <title>Page Title</title> <!-- meta tags --> <meta name="keywords" content=""> <meta name="description" content=""> <!-- javascript --> <script language="javascript"> function colormyworld() { alert(document.getElementById('plus').style.backgroundColor); if (document.getElementById('plus').style.backgroundColor=='black'){ document.getElementById('plus').style.backgroundColor='green'; } else { document.getElementById('plus').style.backgroundColor='black'; } } </script> <!-- stylesheets --> <!--conditional comments --> </head> <body> <a href="javascript:void(0);" id="plus" onclick="colormyworld();">Feed Me Seymour</a> </body> </html> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.