javascript - JS 通用应用程序 "Unable to get property ' 样式'未定义或空引用”

Question

我正在尝试使用 Javascript 项目在 MS Universal 应用程序中设置轮换。

但是我收到以下错误消息

> 0x800a138f - JavaScript runtime error: Unable to get property 'style' of undefined or null reference

我浏览了整个网络上的几个错误报告，我看到的大部分内容是必须首先创建元素，但在我的情况下确实如此，因为只有当我在表单中设置值时才会执行该函数我也尝试过setAttribute但它仅使用 setattribute 给出相同的消息

HTML

<section>
    <p>Set rotation Value!</p>
    <input id="rotationInput" type="text" />
    <button id="setRotation">Set Rotation</button>
</section>
...
<section>
        <img class="rotateimg" src="images/logo.scale-100.png" />
</section>

默认.js

args.setPromise(WinJS.UI.processAll().then(function completed() {
...
   // Retrieve the button and register event handler. 
   var setRotation = document.getElementById("setRotation");
   setRotation.addEventListener("click", buttonClickHandler2, false);
};
...

function buttonClickHandler2(el) {
    var degrees = document.getElementById("rotationInput").value;
    document.getElementById("rotateimg").style.transform = "rotate(" + degrees + "deg)";

Answer 1

id 和 class 不一样，看看这个

<img class="rotateimg" src="images/logo.scale-100.png" />

应该是

<img id="rotateimg" src="images/logo.scale-100.png" />

或者，或者

<img id="rotateimg" class="rotateimg" src="images/logo.scale-100.png" />