javascript - JS:更改函数中的值不起作用

我制作了一个，显示向下的箭头。这个想法是，如果用户单击此按钮，将显示导航栏。到目前为止，它仍然有效，但我希望当按下时，它的值和旋转度也会发生变化。但是，值不变。有人可以帮我解决我做错的事情吗？谢谢！
屏幕截图：

最佳答案

<h3>没有适当的“值”属性，因此它不适用于dropBut.value我对您的代码进行了一些更改。

var dropBut = document.getElementById("dropDownBut");

function dropDownMenu(){
console.log("hey");
console.log(dropBut.getAttribute("value"));
    if(dropBut.getAttribute("value") === "downside"){
    dropBut.style.transform = "rotate(270deg)";
    dropBut.setAttribute("value","upside");
  }
  else if(dropBut.getAttribute("value") === "upside"){
    dropBut.style.transform = "rotate(-270deg)";
    dropBut.setAttribute("value","downside");
  }
}

dropBut.addEventListener("click",dropDownMenu);

希望这对你有帮助

关于javascript - JS:更改函数中的值不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42527181/