关于object.innerHTML的一点发现

有时候我们想要用object.innerHTML来作为条件，通过条件判断来实现我们想要达到的效果，但是往往会出错，或者没有效果显示，今天我就我遇到的问题以及解决方法，做个总结：

我想实现这么一个效果，在一个区域点击以后实现如下效果：

开始区域的内容是1，点击以后在下一行显示2，再次点击下一行显示3，再次点击整个区域只显示4，再次点击整个区域只显示5，再次点击整个区域消失

条件判断是这么写的

function myfunction(x)
       {
           switch (x.innerHTML)
           {
               case "1":
               x.innerHTML= x.innerHTML+"<br/>2";
               break;
               case "1<br>2":
               x.innerHTML= x.innerHTML+"<br/>"+3;
               break;
               case "1<br>2<br>3":
               x.innerHTML=4;
               break;
               case "4":
               x.innerHTML=5;
               break;
               case "5":
               x.style.display="none";
               break;
           }
       }

如果中间出错有很多种方法可以查看x.innerHTML的输出内容，那么条件必须和输出内容完全一致才能执行下面的内容，注意是完全一致，比如第二个条件"1<br>2"，必须是这样，不能多出任何东西