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

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

如果變量大于 javascript 中的 x,則向元素添加一個類

如果變量大于 javascript 中的 x,則向元素添加一個類

三國紛爭 2022-12-29 15:15:10
我有一個帶有 id 的元素counter我還有一個名為abacus當 abacus 的值大于x - 我希望將一個 CSS 類添加到具有 id `counter 的元素var abacus = 8  if (abacus > 5) {    document.getElementById("counter");    element.classList.add("greater");  }  else {    document.getElementById("counter");    element.classList.add("less");  }<div id="counter"></div>但是,當我運行此代碼時,未應用 css 類。
查看完整描述

2 回答

?
慕蓋茨4494581

TA貢獻1850條經驗 獲得超11個贊

function check_number(){

   var abacus = 8

   var num = document.getElementById("num").value

   if (abacus > num) {

      var element = document.getElementById("counter");

      element.classList.add("blackBG");

   }


   else {

       var element = document.getElementById("counter");

       element.classList.remove("blackBG");

   }

}

.blackBG {

        background-color:#c79d9d;

 }

<div id="counter">

    some text

</div>

  

<input type="text" id="num">

<button onclick="check_number()">click </button>


查看完整回答
反對 回復 2022-12-29
?
蠱毒傳說

TA貢獻1895條經驗 獲得超3個贊

當您訪問該元素時,您需要將其分配給一個變量或將附加的 js 鏈接到它。


var abacus = 8


  if (abacus > 5) {

    document.getElementById("counter").classList.add("greater");

  }


  else {

    document.getElementById("counter").classList.add("less");

  }

<div id="counter">

</div>


查看完整回答
反對 回復 2022-12-29
  • 2 回答
  • 0 關注
  • 89 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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