當第二次為 div 設置樣式時它不起作用

Question

我首先嘗試將 div 的不透明度設置為 0，然后在 for 循環完成時再次將其設置回 1，但它保持隱藏狀態.. 奇怪的是，當 ai 發出不透明度警報時div 它給了我 1。

document.addEventListener("click",function(event){
  const isButton = event.target.id === 'ui-id-2';
  const isSpan1 = event.target.innerHTML === '<<';
  const isSpan2 = event.target.innerHTML === '>>';

  if (isButton || isSpan2 || isSpan1) {
  document.querySelector('#base').style.opacity="0";
  }
  });


 browser.storage.local.get({obj:""},function(result){   

 var username=result["obj"][0].name.split(" ")[0];

if(result["obj"].length>0){

       document.querySelector("#ui-id-2").onclick=function(){
updateurl(username);
}

   if(document.querySelector("li").getAttribute("aria-selected") != "false")
{     
updateurl(username);
}


       if(document.querySelectorAll("li")[1].getAttribute("aria-selected") != "false")
{               


var win;
var percentinput;
var thisInput;
var percent;
var thisOutput;
var newoutput;

for(var i=18;i<=139;i=i+11){
 win=document.querySelectorAll("td")[i].textContent;
for(var j=0;j<result["obj"].length;j++){
    if(parseFloat(win).toFixed()==result["obj"][j].input){
        thisInput=result["obj"][j].input;
        thisOutput=result["obj"][j].output;
         percentinput=(parseFloat(thisInput)/100);
              percent=percentinput*parseFloat(thisOutput);
              newoutput=parseFloat(thisInput)-percent;
        newoutput=Math.ceil(newoutput / 5) * 5;
        newoutput=newoutput.toFixed(2);
     document.querySelectorAll("td")[i].textContent=newoutput;
    }
}

//這是我希望它工作的行

 if(i==139)       document.querySelector('#base').style.opacity="1";
 }

 }

 }

 });

Answer 1

我不知道它是否有幫助，但應該工作的更好的解決方案就像你創建 class

.hidden {
  display : none;    
}

只需從/到您的元素切換/添加/刪除此 class