当我第二次点击按钮时，我的标签想要消失

Question

我有一个这样的按钮和标签：

<button id="btn">Button</button>
<label  id="lbl">lbl</label>

当我第二次点击这个按钮时，标签想要 hide/dissappear

Answer 1

试试这个。

let count = 0
const btn =   document.getElementById("btn");
   btn.onclick = function () {
            count++;
       if(count === 2){
        document.querySelector("label").style.display= "none";
       }
        }

<button id="btn">Button</button>
<label  id="lbl">lbl</label>

Answer 2

您提供的代码不会隐藏或消失

您的代码有可能被其他人覆盖css。

Answer 3

可以使用按钮的onclick事件。添加 JQuery 并使用以下代码。

var cnt = 0;
$('#btn').on('click', function() {
  cnt++;
  if(cnt == 2)
    $('#lbl').hide();
})

或者，在 vanilla js 中你可以使用

var cnt = 0;
document.getElementById('btn').onclick = function() {
  cnt++;
  if(cnt == 2)
    document.getElementById('lbl').style.display = 'none';
};

Answer 4

分为3个步骤：

设置计数器来计算点击次数。
在按钮上添加点击侦听器，并在点击时将计数器加 1。
如果计数到2，修改label的CSS为display: none使其消失

这是纯粹的 Javascript 解决方案：

var lbl = document.getElementById('lbl');
var btn = document.getElementById('btn');
var clicks = 0;

btn.addEventListener('click', (e) => {
  clicks++;
  if (clicks === 2) lbl.style.display = 'none';
});

<button id="btn">Button</button>
<label  id="lbl">lbl</label>

Answer 5

解决方案

使用内置 JS 事件

JS 中有事件 ondblclick 事件只在双击时触发检查下面的片段

function hide() {
  document.querySelector("label").style.display= "none";
}

<button  ondblclick="hide()" id="btn">Button</button>
<label  id="lbl">Hide me after Double clicking on button</label>

Answer 6

代码：

button = document.getElementById("btn")
label = document.getElementById("lbl")

button.addEventListener('dblclick', function(){
  label.style.display = 'none';
})

<button id="btn">Button</button>
<label  id="lbl">lbl</label>

Answer 7

记录按钮被点击的次数，当它达到 2 时使 lbl 显示 none。

此代码段将事件侦听器添加到标签以实现此目的。

let count = 0;
const btn = document.querySelector('#btn');
const lbl = document.querySelector('#lbl');
btn.addEventListener('click', function() {
  count++;
  if (count == 2) {
    lbl.style.display = 'none';
  }
});

<button id="btn">Button</button>
<label id="lbl">lbl</label>

当我第二次点击按钮时，我的标签想要消失

when i click a button second time my label want to dissappear

html

javascript

onclick

button