如何实现文本框可编辑性的切换？

Question

页面中有一文本框和一超连接，页面加载时，该文本框不可编辑，即为只读，当点超连接时，文本框变为可编辑。如何实现？求教各位大虾

Answer 1

<div id="text">文字文字</div>var id = document.getElementById('text');
var value = id.innerHTML ;
id.onclick = function(){
   
    this.innerHTML = "<input type='text' value='"+text+"' />" ;}

Answer 2

<a id="aText" href="#">编辑文本</a>
<input id="text" type="text" disabled="true" />var link = document.getElementById("aText");
link.onclick = function(){
   link.style.disabled = true;
}

Answer 3

<input type="text" id="text" disabled="disabled" value="abc"/>
<a href="javascript:;" onclick="change();">编辑</a>
<script>
function change(){
document.getElementById("text").disabled = false;
}
</script>