Javascript Element How to - Get a link to change innerHTML more than once

Question

We would like to know how to get a link to change innerHTML more than once.

Answer


<!DOCTYPE html>
<html>
<head>
<script>
function id_1(a){<!--from   www .j a va 2 s  .  c  o m-->
    var id = document.getElementById(a);
    if (id.innerHTML==="innerHTML2"){
       id.innerHTML="innerHTML1";
    }
    else if (id.innerHTML==="innerHTML1"){
       id.innerHTML="innerHTML2";
    }
}
</script>
</head>
<body>
  <a id="id" href="javascript:id_1('id')">innerHTML1</a>
</body>
</html>

The code above is rendered as follows: