getElementById()
getElementsByTagName()
<html>
<head>
<style type="text/css">
span.decision {
font-weight:bold;
border: thin solid #000000;
padding: 5px;
background-color:#DDDDDD;
}
span.decisioninverse {
font-weight:bold;
font-color:#ffffff;
border:thin solid #dddddd;
padding: 5px;
background-color:#000000;
}
</style>
<script type="text/javascript">
function replaceNodeText(id, newText){
var node=document.getElementById(id);
while(nodefirstChild)
node.removeChild(nodefirstChild);
node.appendChild(document.createTextNode(newText));
}
</script>
</head>
<body>
<span id="frog" class="decision" onclick="replaceNodeText(decision, decisioninverse">Start Game</span>
</body>
</html>