javascript - アイテムを短時間だけ表示させる方法 (Javascript または CSS)

Question

私の一部には、ユーザーにはあまり見えないかもしれないボタンがあるので、ロード時に表示され、ユーザーが関連するボタンを押した後に消えるアイテム（「ここを参照」のようなメールなど）を追加したいと思いますボタン。CSSアニメーションでできると思うけど、ボタンで消すのが辛い?! だから多分Javascript。

それで何か考えはありますか？ありがとう。

Answer 1

私の知る限り、Javascript を使用して HtML ページの任意の要素を追加/削除できます。

ボタンを追加します (リンクを参照):

var btn = document.createElement("buttonId");
btn.innerHTML = "Click Me";
var divObj = document.getElementById("divId");
divObj.appendChild(btn);

アイテムを削除します (リンクを参照):

var btn = document.getElementById("buttonId");
btn.parentNode.removeChild(btn);

私はコードをチェックしていませんが、それは私の推測です...

私が考えることができる別のアプローチは、(div のような) 要素を作成し、デフォルトで表示することです。

<div onClick="hideMe(this)">Browse here</div>

次に、クリックしたときに「表示」を「なし」に設定する Javascript 関数を作成します。

function hideMe(clicked_element){
   clicked_element.style.display = "none";
}

Answer 2

リンクの場合は、単純な css を使用できます

a:visited{
   display: none;
}

そうでなければ、良いjquery

$('button').click( function(){ $(this).toggle() ));

そしてjavascriptで

<input type='button' onclick='hide(this);' />

function hide(clickedButton) {
   clickedButton.style.display = "none";
}

またはcssとjavascript

<input type='button' onclick='hide(this);' />

.hidden{
     display:none;
}

function hide(clickedButton) {
   clickedButton.className = "hidden";
}

それらが2つの異なるボタンである場合、jquery

$('#triggerButton').click( function(){ $('#hideButton').toggle() ));

そしてjavascriptの場合

<input type='button' id = 'trigger'+ onclick='hide(this);' />

function hide(clickedButton) {
   document.getElementById('hide').style.display = "none";
}

またはcssとjavascript

<input type='button' id = 'trigger' onclick='hide(this);' />

.hidden{
     display:none;
}

function hide(clickedButton) {
   document.getElementById('hide').className = "hidden";
}

あなたの質問をカバーすることを願っています。