Ska*_*ran 6 html javascript 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";
}
Run Code Online (Sandbox Code Playgroud)
警报不起作用可能意味着它之前的行导致了错误。
做线条
white_container.style.height = height + "px";
white_container.style.width = width + "px";
Run Code Online (Sandbox Code Playgroud)
跑步?
我有一种感觉,每次使用文档时,您的代码都会失败。XXXXXX
“whitecontainer”可能不是一个真正的元素