1

onclickイベントハンドラーを使用してid画像のimgを回転させ、IDで画像を取得する関数でコードを使用して変数名を割り当て、変数名を使用して回転させようとしています。コードのどこが間違っているのかよくわかりません。

   <section id="middle">
    <img id="image" src="images/flower.png" >   
    <button onclick="myFunction()">Click me</button>
    </section>

MyFunction(){
var img = document.getElementById("image");
img.rotate(20*Math.PI/180);
}
4

2 に答える 2

1

CSSを使用して回転自体を実行できます。

.rotated-image {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

HTMLについて：

<section id="middle">
    <img id="image" src="images/flower.png" >   
    <button onclick="myFunction()">Click me</button>
</section>

そして、javascript でクラスを追加するだけです。

function myFunction() {
  var img = document.getElementById("image");
  img.setAttribute("class", "rotated-image");
}

結果を確認してください: http://jsbin.com/ibEmUFI/2/edit

于 2013-11-05T22:07:24.103 に答える
0

セレクターとして id を持つ div を使用してみてください:

<div id='image'><img src="images/flower.png" /></div>

 and 

var img = document.getElementById("image").getElementsByTagName('img');

試すだけの価値があります！

于 2013-11-05T22:07:51.477 に答える