当第二次为 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