将样式表添加到类后，Javascript不会继续

Question

如果设备具有特殊宽度，我想显示div容器。我做了一个简单的if条件并且运行良好。

我想在我的代码中添加第二个函数，但未调用该函数。在尝试之后，我看到代码在document.getElementyById-Code。

之后停止

如果在getElementById之前的条件 中调用了警告（＆＃34; Hello World＆＃34;），则会调用它。如果在getElementById 后的if条件中调用它，则不再调用它。

为什么进度会停留在那里？

控制台输出： [错误] TypeError：null不是对象（评估＆＃39; document.getElementById（＆＃34; whitecontainer＆＃34;）。style＆＃39;）     setHeightandWidth（-Link deleted-，第402行）     onresize（-Link deleted-，第382行）

但是对象不能为null，因为样式更改确实有效，在调整大小后它就会卡住。

感谢您的帮助！

function setHeightandWidth() {
    var body = document.body,
        html = document.documentElement;

    var height = (Math.max(body.scrollHeight, body.offsetHeight,
                           html.clientHeight, html.scrollHeight, html.offsetHeight) - 75 - 248);

    var width = document.body.clientWidth;

    if (width < 1199) {
        document.getElementById("whitecontainer").style.display = "none";

        alert("Hello World!");

    }

    if (width >= 1199) {
        width = 1140;
        document.getElementById("whitecontainer").style.display = "inherit";
    }

    var white_container = document.getElementById("whitecontainer");
    white_container.style.height = height + "px";
    white_container.style.width = width + "px";

}

Answer 1

警报不起作用可能意味着它之前的行导致了错误。

做行

white_container.style.height = height + "px";
white_container.style.width = width + "px";

运行？

我觉得每次使用文档时代码都会失败。 XXXXXX

'whitecontainer'可能不是真正的元素

Answer 2

问题出在这一行

的document.getElementById（ “whitecontainer”）。的style.display

javascript无法找到id“whitecontainer”，这就是为什么它会抛出null异常和脚本中断