javascript特效 修改文字

来源:百度知道 编辑:UC知道 时间:2024/05/13 07:09:54
我想在网页实现这样一个功能:
文字 编辑
鼠标点击"编辑"时,"文字"将变成输入框,输入框中的内容默认为"文字".就跟百度搜藏里边的编辑已命名的网址或分类那样.
我用javascript试了,总出错,不知道那位高人能帮我解决这个问题.
我的代码是:
<table>
<tr>
<td><div id="a" style="display:"><strong>类名</strong></div>
<input type="text" name="a1" style="display:none">
</td>
<td><a href="javascript:showanother(a,a1)">修改类名</a></td>
</tr>
</table>

<Script LANGUAGE="JavaScript">
function showanother(field,txt){
field.style.display="none"
txt.style.display=""
}
</Script>

把你的代码发上来

把你的代码贴上来,我给你改。
===========================
<div>类名:<a href="javascript:modify('clsName')" id="clsName">修改类名</a></div>
<script language="JavaScript">
function modify(cls){
var obj=document.getElementById(cls);//取得‘修改类名’所在节点
var pobj=obj.parentNode;//取得‘修改类名’所在节点的父节点
var nobj=document.createElement('input');//构建新节点input
nobj.type="text";//添加type属性
nobj.value=obj.innerHTML;//添加value属性
pobj.replaceChild(nobj,obj);//以新节点替换节点
}
</script>//支持IE及FF