隠す "ショット"：ブロック

function increase() 
{ 
var counter = parseInt(document.getElementById("counter").innerHTML); 
counter--; 
var add = counter -1; 
document.getElementById("counter").innerHTML = counter;

//要素のdocument.getElementById（ "ショット"）を示しstyle.display = "ブロック";。隠す "ショット"：ブロック

「ショット」と表示されているボタンを押していますが、離したらもう一度オフにします。

出典

2016-07-01 Lee Tarry

あなたは要素を非表示にしたい場合は、単にdisplay:noneを使用します。

// Hide your element 
document.getElementById("shot").style.display = "none";

出典

2016-07-01 16:23:55

私はこれを試してみました、それはしていないようです私はボタンが同時にブロックとnoneの両方を呼び出していると思います。 –

その場合、 'setTimeout（function {）{document.getElementById（" shot "）}を使用して一時的に非表示にする遅延を追加することを検討することができます。style.display =" none ";}、1000）;' –

これは完璧に感謝しました！ –

あなたは要素を非表示にしたい場合は、あなたがボタンから手放すときにこのようなonMouseUpのイベントを使用する必要があります

を

EDIT：テキスト段落が隠されているとき、それは移動しないように並べ替え入力タグは上記のことにする**

<!DOCTYPE html> 
<html> 
<body> 
<input type="button" onmousedown="show()" onmouseup="hide()" 
<p id="elem">Some text here.Some text here.Some text here.Some text here.Some text here.</p> 
value="Toggle"> 
<script> 
    function show() { 
     var elem = document.getElementById('elem'); 
     elem.style.display = 'block'; 
    } 

    function hide() { 
     var elem = document.getElementById('elem'); 
     elem.style.display = 'none'; 
    } 


    </script> 
</body> 
</html>

出典

2016-07-01 16:31:29 pzelenovic

それはよく見えます。ちょっと試してみてください、ありがとうございます！ –

あなたは大歓迎です:) – pzelenovic

隠す "ショット"：ブロック

答えて

関連する問題