1

一度クリックすると非表示にしようとしているボタンがあります。また、非表示にしたくないので、style='display:none'一度クリックしたいです。

4

4 に答える 4

5 
<button onclick="this.style.display='none';">a button</button>

例を参照してください: http://jsfiddle.net/uWfYk/

于 2012-11-17T14:14:14.950 に答える
1

2020年更新：

すべての主要なブラウザーでサポートされてaddEventListener()いるため、querySelector()

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

2012年の回答:

邪魔にならないようにして、以前の IE やその他の最新のブラウザーで動作させるには:

HTML:

<button id="the-important-button">Submit</button>​

JavaScript:

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);

addEventこれは、以前の IE やその他の最新のブラウザーでうまく機能する一般的な機能であることに注意してください。上記のコードの最後の行と同様の他のイベントを追加できます。

http://jsfiddle.net/W37Fb/5/のサンプル

于 2012-11-17T14:28:26.583 に答える
1

onclickJS スタイルを使用してスタイルを非表示および適用するイベントを添付しdisplay:noneます。以下を参照してください。

<input type="button" name="btn" value="Hide me" onclick="this.style.display='none'" />
于 2012-11-17T14:14:43.070 に答える
0

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

次のようにjqueryを使用する

$("#btn").click(function(){
    //do need full
    $(this).fadeOut();
})​

純粋な JS の使用

http://jsfiddle.net/PeM2b/

于 2012-11-17T14:17:23.693 に答える