Question

您好我在下面有一些代码可以在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

添加span id属性，围绕您想要更改的内容。什么时候，这就是你需要做的所有事情：

    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()，页面上有示例用法。

使用js删除html按钮

3 个答案: