动态隐藏按钮

Question

我有一个输入文本框，我想通过使用Javascript动态更改其类。我也必须把它隐藏起来。我该怎么办？

<input id="mybutton" iconClass="iconclassbutton" class="classTochange" label="done" />

Answer 1

var button = document.getElementById('mybutton');
button.style.visibility = hidden;
button.className = newClass;

你在输入元素上没有type属性，是故意的吗？

Answer 2

使用jQuery：

$("#mybutton").hide()
$("#mybutton").toggleClass("classTochange","newclass")

如果没有弄错 - 请检查jQuery文档以确认它

Answer 3

您可以指定在什么情况下要更改类然后隐藏文本框？我假设'class'在这里是样式表类 无论如何，如果你不想使用jQuery，可以像这样修改javascript：

function toggleButton(){
    var button=document.getElementById('mybutton');
    if(button.className=="classTochange"){
        button.className="newClass";
        button.style.visibility = 'hidden';
    }else{
        button.className="classTochange";
        button.style.visibility = 'visible';
    }
}