📄 17-7.htm

📁 php 和 ajax 开发的一些资料

💻 HTM

字号:

<html>
<head>
<title>
编辑页面内容并显示
</title>
<script language="javascript">
function edit()
{
  obj1=document.getElementById("content");
  obj2=document.getElementById("e_content");
  obj3=document.getElementById("input1");
  text=obj1.childNodes[0].nodeValue;
  obj1.style.display='none';
  obj2.style.display='';
  obj3.setAttribute("value",text);
}
function cancel()
{
  obj1=document.getElementById("content");
  obj2=document.getElementById("e_content");
  obj1.style.display='';
  obj2.style.display='none';
}
function decide()
{
  obj1=document.getElementById("content");
  obj2=document.getElementById("e_content");
  obj3=document.getElementById("input1");
  text=obj3.getAttribute("value");
  obj1.removeChild(obj1.childNodes[0]);
  child_t=document.createTextNode(text);
  obj1.appendChild(child_t);
  obj1.style.display='';
  obj2.style.display='none';
}
</script>
</head>
<body>
以下为显示内容：
<div id="content" onclick="edit()" style="display:''; position:absolute; left:10px; top:40px;">我爱北京天安门</div>
<div id="e_content" style="display:none; position:absolute; left:10px; top:40px;">
<form>
<input type="text" id="input1"><br>
<input type=button value="确定" onclick="decide()";>
<input type=button value="取消" onclick="cancel()">
</form>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -