如何使用Javascript单击将输入类型按钮更改为“ display = none”？

Question

我有一个按钮，一旦单击它就试图隐藏。另外，我也不想隐藏它，只要单击一下即可将其隐藏到style='display:none'。

Answer 1

2020年更新：

使用addEventListener()和addEventListener()，可以只是

querySelector() being supported in all major browsers

querySelector()

2012年的答案：

使其不引人注目，并且可以在早期的IE和其他现代浏览器上使用：

HTML：

document
  .querySelector('#the-important-button')
  .addEventListener('click', ev => ev.target.style.display = 'none');

JavaScript：

<button id="the-important-button">Click</button>

请注意，<button id="the-important-button">Submit</button>​ 是一个通用函数，可以在早期的IE和其他现代浏览器上很好地工作。您可以添加其他类似于上面代码最后一行的事件。

var theButton = document.getElementById('the-important-button');

function hideTheButton() {
    this.style.display = 'none';
}

function addEvent(target, type, handler) {
    if (target.addEventListener) {
        target.addEventListener(type, handler, false);
    } else if (target.attachEvent) {
        target.attachEvent('on' + type, function() {
            return handler.call(target, window.event);
        });
    } else {
        target['on' + type] = handler;
    }
}

addEvent(theButton, 'click', hideTheButton);

上的样本

Answer 2

addEvent

请参见示例：http://jsfiddle.net/W37Fb/5/

Answer 3

附加<button onclick="this.style.display='none';">a button</button> 事件以使用JS样式隐藏和应用样式http://jsfiddle.net/uWfYk/，请参见下文，

onclick

Answer 4

display:none

如下使用jquery

<input type="button" name="btn" value="Hide me" onclick="this.style.display='none'" />

使用纯JS

http://jsfiddle.net/uWfYk/2/