<div>aaaaaa<div>
怎么单击这个div后,在该div的上方弹出一个文本框(内容就是div的内容‘aaaa’),在文本框中输入修改后的信息,然后回车之后,div中显示新内容?
请问该怎么实现呢?谢谢各位!!!
------解决方案--------------------
<div id="s1" onclick="f()">aaaaaa <div>
<input type="text" id="s2" onblur="g()" style="display:none;"/>
<script>
function f()
{
document.getElementById("s2").style.display="";
}
function g()
{
document.getElementById("s1").innerHTML=document.getElementById("s2").value;
}
</script>
------解决方案--------------------
- HTML code
<SCRIPT LANGUAGE="JavaScript"> function setd(e,value) { e = e||window.event var key = e.charCode||e.keyCode if(key==13) document.getElementById("d").innerHTML=value; } </SCRIPT> <INPUT TYPE="text" onkeyup="setd(event,this.value)"> <div id=d onclick="alert(this.innerHTML)">aaaaa</div>
------解决方案--------------------
- JScript code
<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> function setd(e,value) { e = e||window.event var key = e.charCode||e.keyCode if(key==13) document.getElementById("d").innerHTML=value; } function ShowTxt() { document.getElementById("txt").style.display="block"; } </SCRIPT> <INPUT id="txt" TYPE="text" style="display:none" onkeyup="setd(event,this.value)"> <div id="d" onclick="ShowTxt()">aaaaa</div> </body> </html>
------解决方案--------------------
我又看错问题内容了……
- HTML code
<div id="test" onclick="demo()">aaaaaa<div> <script> function demo(){ var str=document.getElementById('test').firstChild.data; str = "<input name='testInput' type='text' onkeyup='setd(event,this.value)' value='"+str+"' onblur='enter(this.value)'>"; document.getElementById('test').onclick=function(){}; document.getElementById('test').innerHTML=str; } function enter(value){ document.getElementById("test").innerHTML=value; document.getElementById('test').onclick = demo; } function setd(e,value) { e = e||window.event var key = e.charCode||e.keyCode if(key==13) { document.getElementById("test").innerHTML=value; document.getElementById('test').onclick = demo; } } </script>