Question

我想创建一个链接，如果用户按下编辑链接，文本将变成一个文本框，信息仍然在用户输入的内容中？我有以下代码：（当我按下编辑按钮时，'文字在这里'应该变成一个文本框，但不会有人帮助通知我的代码出错的地方:)帮助将不胜感激。

<html>
<head>
<title>Span to Text Box - Demo</title>
<style type="text/css">
.replace {
  display:none;
}
</style>
<script type="text/javascript">
  function exchange(id){
    var ie=document.all&&!window.opera? document.all : 0
    var frmObj=ie? ie[id] : document.getElementById(id)
    var toObj=ie? ie[id+'b'] : document.getElementById(id+'b')
    toObj.style.width=frmObj.offsetWidth+7+'px'
    frmObj.style.display='none';
    toObj.style.display='inline';
    toObj.value=frmObj.innerHTML
  }
</script>
</head>
<body>
<p class="edit" onclick="exchange(item)">Edit</p><Input id="item" class="replace" type="text" value="">
<span id="item" >Text here</span>
</body>
</html>

Answer 1

您要将一个ID分配给两个代码，从您的代码中，我假设输入代码的ID应为itemb

Answer 2

您的<input>和<span>具有相同的id

onclick时将文本转换为文本框

2 个答案: