小编Ska*_*ran的帖子

我有一个带有媒体查询的style.css.在我的javascript文件中,我有一个存储在变量中的所需移动宽度的值.

通过更改变量,我想自动更改媒体查询的值.是否有可能用javascript更改.css文件的内容,就像我可以更改DOM一样？<style>使用javascript向DOM 添加HTML 元素不是我想要的解决方案,因为我想将所有css保存在.css文件中

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

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

如果在getElementById 之前的if条件中调用alert("Hello World"),则调用它.如果在getElementById 之后的if条件中调用它,则不再调用它.

为什么进展陷入困境？

控制台输出:[错误] TypeError:null不是对象(评估'document.getElementById("whitecontainer").style')setHeightandWidth(-Link deleted-,line 402)onresize(-Link deleted-,line 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"; …