按钮点击旋转js

Question

我的html

<div id="yabanner">
  <img src="img/ok.jpg">
</div>
<button>Click Me</button>
<button>Click Me</button>
<button>Click Me</button>

我的JavaScript

 var button = document.getElementsByTagName('button')[0];
var button1 = document.getElementsByTagName('button')[1];
var button2 = document.getElementsByTagName('button')[2];
var image = document.getElementsByTagName('img')[0];

  button1.addEventListener('click', slid , false);

  function slid(e) {
    image.src="img/kok.jpg";
    image.style.display="block";

  }
button.addEventListener('click' , fillIt , false );

  function fillIt(e) {
    image.src="img/ok.jpg";
    image.style.display="block";

  }


button2.addEventListener('click' , show ,false);

function show(e) {
image.src="img/rm2.jpg";
image.style.display="block";
}

谁能帮助我如何完成这个任务.我想让一个图片旋转，当u点击其中一个按钮.我试过其他方法，但没有工作，如果有人需要它让我知道:(

Answer 1

我建议在你的函数中使用一些东西，比如说。

image.style.transform: "rotate(90deg)"

你可以使用 -90deg 另一个方向。你可以用 image.removeAttribute('style')