亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何添加/刪除隱藏類

如何添加/刪除隱藏類

慕少森 2021-12-23 14:18:23
我有一個錨標簽,我想從中刪除/添加一個隱藏的類,但由于某種原因,我的簡單 if else 語句不起作用并且“重置”保持顯示。我想要它,以便當輸入中有文本時它會顯示,但當它為空時它不會顯示。我一直無法讓它工作。如果需要,我可以提供更多const search = document.querySelector('.frm-control');const reset = document.querySelector('.reset')if (search != "") {  reset.classList.remove('hidden');} else {  reset.classList.add('hidden');}console.log(reset)console.log(search)reset.addEventListener('click', function (e) {  // x();  // e.preventDefault();  // const row = document.querySelectorAll('.thumb-display');  // row.classList.add('hidden');  // search.innerHTML = "";})起初我想將條件添加到我的事件偵聽器中,但這也不起作用HTML:https : //codepen.io/ahassan77/pen/QWWBKxo
查看完整描述

1 回答

?
繁花不似錦

TA貢獻1851條經驗 獲得超4個贊

您可以在元素的輸入事件處理函數中設置類。


請注意:要從輸入元素重置文本,您必須使用value屬性而不是innerHTML.


嘗試以下方法:


const search = document.querySelector('.frm-control');

const reset = document.querySelector('.reset')


search.addEventListener('input', function (e) {

  if (this.value.trim() != "") {

    reset.classList.remove('hidden');

  } else {

    reset.classList.add('hidden');

  }

});


reset.addEventListener('click', function (e) {

  // x();

  // e.preventDefault();

  // const row = document.querySelectorAll('.thumb-display');

  search.value = "";

  reset.classList.add('hidden');

});

.hidden {

  visibility: hidden;

}

<form class="frm-filter">

  <div class="frm-group">

    <a class="reset" href="#">Reset</a>

    <input class="frm-control" type="text" id="filter" name="filter" placeholder="tag filter" />

  </div>

</form>


查看完整回答
反對 回復 2021-12-23
  • 1 回答
  • 0 關注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號