2010-08-17 100 views
5

您好我有一段代码在html表单上创建一个按钮。当用户使用按钮输入一些信息时,我希望表单通过删除按钮并用纯文本替换它来反映出来。我试图得到内部的HTML和使用div,但没有任何工作可以任何人帮助吗?我不是在寻找任何人为我写代码,只是几个指针会很棒。谢谢使用js删除一个html按钮

<td class="col1"><h3>Associated with :</h3></td> 
    <td class="col3"> 
    <input type="button" 
    value="Associate this job " 
    onclick="associate()" 
/></td> 

回答

4

添加一个spanid属性围绕你想改变的任何东西。当它的时候,这里就是你需要做的:

document.getElementById("spanIDhere").innerHTML = "Your text here"; 

因此,举例来说,你必须行:

<span id="associatespan"> 
     <input type="button" value="Associate this job" onclick="associate()" /> 
    </span> 

和你的脚本会说:

document.getElementById("associateSpan").innerHTML = "Look, no more button!"; 
2

把它放在一个DIV中,并把文本放在隐藏的DIV中。当用户开始输入时,隐藏按钮DIV并显示文本DIV。

1

我建议你看看其中一个Javascript工具包,它使它非常容易。例如,我为此使用了Prototype。具体的方法是Element.hide(),并在页面上有示例用法。