JS通用应用"无法获得物业'风格'未定义或空引用"

时间:2015-07-25 23:48:10

标签: javascript rotation winjs win-universal-app

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

但是我收到以下错误消息

  

>   0x800a138f - JavaScript运行时错误:无法获取属性'样式'未定义或空引用


我已经浏览了整个网络上的几个错误报告,我看到的大部分内容都是首先必须创建的元素,但在我的情况下它是,因为该函数仅在我在表单中设置值时执行 我也试过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)";

1 个答案:

答案 0 :(得分: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" />