如何实现这样的效果


点击重命名后将原来的span替换掉

解决方案 »

  1.   

    外面div，div里放一个span，点击重命名后移除span并添加文本框到div内。
      

  2.   

    能不能帮我写个简单的demo js不太熟悉啊。。
      

  3.   

    你这个是重命名吗？值是存在哪里的？
    下面的确定替换上面的内容？直接赋值就可以了比如上面是个labelthis.Label1.Text=This.TextBox1.Text;
      

  4.   

    想用js来实现
    点击编辑后 原来的<span>替换成一个div里面有input button之类的
      

  5.   

    给你两个思路！取消的代码我就不写了！<!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>
        <title></title>
        <style type="text/css">
            .rename{border:2px solid yellow;width:100px;font-size:12px;}
        </style>
        <script language="javascript" type="text/javascript">
            function ReName() {
                var oSpan = document.getElementById("name");
                oSpan.contentEditable = true;
                oSpan.className = "rename";
            }
            function ReName2() {
                var oSpan = document.getElementById("name");
                var oText = document.createElement("input");
                oText.setAttribute("type", "text");
                oText.setAttribute("id", "txtName");
                oText.value = oSpan.innerHTML;
                oText.className = "rename";
                document.body.appendChild(oText);
            }
        </script>
    </head><body>
        <span id="name">新建文本文件</span>
        <input type="button" value="重命名1" onclick="ReName()"/>
        <input type="button" value="重命名2" onclick="ReName2()"  />
    </body>
    </html>
      

  6.   

    span有个属性是id，你可以使用js，根据span 的id更新span的内容