JS：改变功能价值并不起作用

Question

我做了一个显示向下箭头的箭头。我们的想法是，如果用户点击此按钮，将显示导航栏。到目前为止，它的确有效，但我希望在按下时，它的值和旋转也会发生变化。然而，价值并没有改变。有人可以帮我解决我做错的事。谢谢！
截图：

Answer 1

没有适当的价值＆＃34; <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);

希望这个可以帮助你

Answer 2

这是使用JQuery的东西。

$('#dropdownButton').click(function(){  
    $('#dropdownButton').attr('value','up');//set with jquery  
    if($('#dropdownButton').attr('value')==='up')//compare value   
    {
          alert("UP!");   
    }   
    if($('#dropdownButton').attr('value')==='down')//compare value   
    {
         alert("DOWN!");   
    } 
    });