关于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"，必须是这样，不能多出任何东西