Question

使用 js 删除 html 按钮

2010-08-17

4055

javascript html dom-events

下面有一段代码，用于在 html 表单上创建一个按钮。当用户使用该按钮输入一些信息时，我希望表单能够反映这一点，方法是删除该按钮并将其替换为纯文本。我尝试获取内部 html 并使用 div，但没有任何效果，有人能帮忙吗？我并不想找人为我编写代码，只要能给出一些建议就好了。

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

Answer 1

在您想要更改的内容周围添加一个带有 id 属性的 span 。到时候，您需要做的就是：

    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!";

Answer 2

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

Answer 3

我建议你看一下 Javascript 工具包，这样会非常容易。例如，我为此使用了 Prototype 。具体方法是 Element.hide() ，页面上有示例用法。