javascript显示：无功能

Question

首先道歉，如果这不是一个非常好的问题，但我根本不熟悉Javascript。其次，我做了研究，找到我的问题，我推荐你this post

我写了这个非常基本的功能

function hideBtn(){
var btn = document.getElementById("submitBtn").style.cssText="display:none";
}

echo'<input type="submit" value="submit" name="submit" id="submitBtn" class="buttono" onclick="hideBtn()" />';

我希望在单击表单后隐藏我的提交按钮，因为它当前仍在显示

非常欢迎任何帮助

是否可以在提交表单时刷新页面，从而实际上没有触发该功能？

Answer 1

  

是否可以在提交表单时刷新页面，从而实际上没有触发该功能？

是的，这很可能是个问题。如果您不想刷新页面，请不要使用submit按钮，或将表单提交到其他窗口，或者在表单元素上使用submit事件处理程序并防止默认操作。

另外：完全替换元素上的所有样式是不的最佳选择。相反，只需设置您想要的特定样式：

var btn = document.getElementById("submitBtn").style.display = "none";

元素上的style属性是一个对象，具有每种CSS样式的属性。

Answer 2

由于您使用的是submit按钮，因此您需要停止提交和刷新页面。

其次，您没有正确使用样式来隐藏按钮。

function hideBtn() {
    var btn = document.getElementById("submitBtn").style.display="none";
    return false; // Prevent form from submitting
}

Answer 3

你可能想写：

var btn = document.getElementById("submitBtn").style.display = "none";

查看更多：http://www.w3schools.com/jsref/dom_obj_style.asp