点击label控件,生成一个和label文字一样宽度的text,用来更新label上的文字

点击label控件,生成一个和label文字一样宽度的text,用来更新label上的文字

2个回答

设置label的innerHTML为input,同时设置input的宽度为label的offsetWidth

 <label onclick="toEdit(this)">aaaaaaaaaa</label><br />
<label onclick="toEdit(this)">bbbbbb</label>
<script>
    function toEdit(lb) {
        if(lb.firstChild.tagName=='INPUT')return
        lb.innerHTML='<input type="text" value="'+lb.innerHTML+'" style="width:'+(lb.offsetWidth-2)+'px"/>'
    }
</script>

是前端的吗?js绑定点击事件就行了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!