Javascript 如果类宽度为100%,则隐藏两个不同的div
我有一门课叫Javascript 如果类宽度为100%,则隐藏两个不同的div,javascript,toggle,Javascript,Toggle,我有一门课叫 .fp-slidesContainer 如果这个班有 width=100% 然后我想隐藏两个div:#左和#右。 有什么帮助吗 我被困在这里了 toggle(); window.onresize = function() { toggle(); } function toggle() { if (.fp-slidesContainer = 100%) { document.getElementById('left').style.display = 'none
.fp-slidesContainer
如果这个班有
width=100%
然后我想隐藏两个div:#左和#右。
有什么帮助吗
我被困在这里了
toggle();
window.onresize = function() {
toggle();
}
function toggle() {
if (.fp-slidesContainer = 100%) {
document.getElementById('left').style.display = 'none';
document.getElementById('right').style.display = 'none';
}
else {
document.getElementById('left').style.display = 'block';
document.getElementById('right').style.display = 'block';
}
}
这将不是一个简单的问题,因为IE和其他浏览器对待它的方式不同。 您可以对IE使用
currentStyle
,对其他浏览器使用getComputedStyle
。但是catch is值以像素为单位返回
希望这段代码有用
function toggle() {
var _m = document.getElementsByClassName('fp-slidesContainer')[0];
console.log(window.getComputedStyle(_m,null).getPropertyValue("width"))
//Rest of your code
}
选中此项这将不是一个简单的问题,因为IE和其他浏览器对待它的方式不同。 您可以对IE使用
currentStyle
,对其他浏览器使用getComputedStyle
。但是catch is值以像素为单位返回
希望这段代码有用
function toggle() {
var _m = document.getElementsByClassName('fp-slidesContainer')[0];
console.log(window.getComputedStyle(_m,null).getPropertyValue("width"))
//Rest of your code
}
检查此项感谢@user2181397的提示,我刚刚尝试解决您的JSFIDLE问题,但似乎不起作用:/感谢@user2181397的提示,我刚刚尝试解决您的JSFIDLE问题,但似乎不起作用:/