求鼠标点击指定的文本就会变为输入框的代码

求代码，实现功能是：鼠标点击指定的文本就会变为输入框可以更改文本的内容。或点击表格单元内变为输入框可以更改文本的内容。
请各位帮帮忙！！！！！

解决方案 »

  1.   

    <div onclick="this.contentEditable=true;" onblur="this.contentEditable=false">是一段可编辑的文本</div>
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script>
    function _change(){
    document.getElementById("ss").innerHTML="<input type='text' value=''>"
    }
    </script>
    </head>
    <body>
    <div onclick="_change()" id="ss">是一段可编辑的文本</div>
    </body>
    </html>我乱写的 不晓得对不
      

  3.   

    说下思路吧很容易 
    给td的onclick事件添加方法 清空文本 创建input放入td 把input的values改为原先的文本 同时给这个input加入失去焦点的事件onblur 删除input 把input的value赋值 td搞定
      

  4.   

    修该楼上的：<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script>
    var flag=true;
    function change(){
    //alert(arguments[0]);
    if(arguments[0]==1&&flag==true)
        { 
         var str=document.getElementById("ss").innerHTML;
        document.getElementById("ss").innerHTML="<input type='text' value='"+str+"'>";
    flag=false;
    }
    else
    {
    flag=true;
         document.getElementById("ss").innerHTML="是一段可编辑的文本";
    }
    }
    </script>
    </head>
    <body>
    <div onclick="change(1)" onblur="change(2)" id="ss">是一段可编辑的文本</div>
    </body>
    </html>
      

  5.   


    <html>
    <head>
        <script type="text/javascript">
            function chgval(obj){
                document.getElementById(obj.id).innerHTML = '<input type="text" value="'+document.getElementById(obj.id).innerText+'" />';
            }
        </script>
    </head>
    <body>
      <table border="1">
      <tr>
          <td>123</td>
          <td>456</td>
      </tr>
      <tr>
          <td id="abc" onclick="chgval(this)">ABC</td>
          <td id="def" onclick="chgval(this)">DEF</td>
      </tr>
    </table>
    </body>
    </html>
      

  6.   

    <style type="text/css">
       .inputbox_noborder
       {
    margin:0px;
    padding:0px;
    width:10%;
        border: 0px solid #ffffff;
    overflow: hidden;
    background-color:transparent;
    /* background-color:#ffffff;*/
        text-align:center;} .inputbox_noborder_f
    {
    width:10%;
    border: 1px solid #00008B;
    background-color:#ffffff;
    text-align:center;
    overflow: hidden;
    }
    </style><input type="text" name="username" class="inputbox_noborder" size="18" onblur="this.className='inputbox_noborder'" onclick="this.className='inputbox_noborder_f'" value="username"/>