如何实现一个onclick(),使在页面制定的地方显示制定的内容！！！

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body bgcolor="#FFFFFF" text="#000000">
<p id="test"></p>
<input type=button onclick=document.all("test").innerHTML="显示成功！" value=显示>
</body>
</html>

解决方案 »

  1.   

    <p id=pr>这里是要显示的地方</p><input type=button value="把“OK”显示在指定位置" onclick="pr.innerText='OK'">再用为：onclick="pr.innerHTML='<font size=6 color=red>OK</a>'"试试
      

  2.   

    哥们儿，试试下面的：<HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY onclick = "JavaScript:onClick(100,100,100,100,'满意了吗？')">
    <div id="dFloat" style="position:absolute;display:none;left:0;top:0;width:100;height:80;background:#ffFFFF"></div>
    </BODY>
    <script language="JavaScript">
    function onClick(iL,iT,iW,iH,sText)
    {
    var oDiv = document.all["dFloat"];
    oDiv.innerText = sText;
    oDiv.style.left = iL + "px";
    oDiv.style.top = iT + "px";
    oDiv.style.width = iW + "px";
    oDiv.style.height = iH + "px";
    oDiv.style.display = "block";
    }
    </script>
    </HTML>
      

  3.   

    <table>
    <tr><td id="shownew"> <td></tr>
    </table>
     <input type=button onclick=show() value=改变表格中的值>
     <script>
     var line=0;
     function show(){
      shownew.innerHTML=line++;
     }
     </script>
      

  4.   

    试试下面的：
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY onclick = "JavaScript:onClick(100,100,100,100,'满意了吗？')">
    <div id="dFloat" style="position:absolute;display:none;left:0;top:0;width:100;height:80;background:#ffFFFF"></div>
    </BODY>
    <script language="JavaScript">function Browser()
    {
    this.ver=navigator.appVersion
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
    return this
    }
    oB = new Browser()function onClick(iL,iT,iW,iH,sText)
    {
    var oDiv;// = document.all["dFloat"];
    oDiv = oB.dom?document.getElementById("dFloat"):oB.ie4?document.all["dFloat"]:oB.ns4?eval(document.dFloat):0;
    oDiv.innerText = sText;
    oDiv.style.left = iL + "px";
    oDiv.style.top = iT + "px";
    oDiv.style.width = iW + "px";
    oDiv.style.height = iH + "px";
    oDiv.style.display = "block";
    }
    </script>
    </HTML>
      

  5.   

    兄弟，再试试下面的，我没有 Netscape 浏览器，所以没有测试！
    <HTML>
    <HEAD><TITLE> New Document </TITLE></HEAD><BODY onclick = "JavaScript:onClick(100,100,100,100,'满意了吗？')">
    <layer id="dFloat" style="position:absolute;display:none;left:0;top:0;width:100;height:80;background:#ffFFFF"></layer>
    </BODY>
    <script language="JavaScript">function onClick(iL,iT,iW,iH,sText)
    {
    var oDiv = document.all["dFloat"];
    oDiv.innerText = sText;
    oDiv.style.left = iL + "px";
    oDiv.style.top = iT + "px";
    oDiv.style.width = iW + "px";
    oDiv.style.height = iH + "px";
    oDiv.style.display = "block";
    }
    </script>
    </HTML>