在单击事件中改变，某个文本的显示内容？

<p onclick="this.innerText+='t';">adfadsf

<span onclick="this.innerText='HELLO WORLD' " style="cursor:hand">hello world</span>
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
  function btnTest1_onclick(){
    spanTest.innerHTML="是吗？<br>见鬼了，我怎么不知道！";
  }

  function btnTest2_onclick(){
    if (divTest1.display=="none"){
      divTest1.style.display="inline";
      divTest2.style.display="none"
    } else{
      divTest1.style.display="none";
      divTest2.style.display="inline"
    }
  }
</SCRIPT></head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="f1">
<span id=spanTest>
今天好天气！<br>
  呵呵！
</span><div id=divTest1 style="display:none">
  I love this game !
</div>
<div id=divTest2>
  bady day !
</div>
<input type=button name=btnTest1 onclick="btnTest1_onclick();" value="换内容">
<input type=button name=btnTest2 onclick="btnTest2_onclick();" value="隐藏">
</form>
</body>
</html>
谢谢xg_delayth(铁鹰) ：
  我现在和你一样用按钮触发可以，但是现在我要在单击多个超连接时触发，分别改为不同的显示内容，该怎么写？
而且，超连接在frame页的top里，而spantext在middle里