JS 通用应用 "Unable to get property 'style' of undefined or null reference"

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>

default.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" />

JS 通用应用 "Unable to get property 'style' of undefined or null reference"

JS Universal apps "Unable to get property 'style' of undefined or null reference"

javascript

rotation

winjs

win-universal-app