Javascript 动态隐藏按钮

Javascript 动态隐藏按钮,javascript,html,Javascript,Html,我有一个输入文本框,我想使用Javascript动态更改它的类。我还得把它藏起来。我怎么做 <input id="mybutton" iconClass="iconclassbutton" class="classTochange" label="done" /> 但是输入元素上没有type属性,这是故意的吗 但是,输入元素上没有type属性,这是故意的吗?使用jQuery: $("#mybutton").hide() $("#mybutton").toggleClass("c

我有一个输入文本框,我想使用Javascript动态更改它的类。我还得把它藏起来。我怎么做

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

但是输入元素上没有type属性,这是故意的吗

但是,输入元素上没有type属性,这是故意的吗?

使用jQuery:

$("#mybutton").hide()
$("#mybutton").toggleClass("classTochange","newclass")
如果没有弄错,请检查jQuery文档,并使用jQuery进行确认:

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

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

您可以指定在什么情况下更改类,然后隐藏文本框吗?我假设这里的“类”是样式表类。
无论如何,如果您不想使用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';
    }
}

能否指定在什么情况下要更改类,然后隐藏文本框?我假设这里的“类”是样式表类。
无论如何,如果您不想使用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';
    }
}

一个简单的提示,你在那里使用的HTML是无效的。不建议添加您自己的属性,您应该使用
title
属性或
label
元素,而不是
label
attributeA请注意,您在此处使用的HTML无效。不建议添加您自己的属性,您应该使用
title
属性或
label
元素,而不是
label
attributesTimes开发人员避免将类型写入默认值有时开发人员避免将类型写入默认值