如果类宽度为100%,则隐藏两个不同的div

时间:2016-05-17 14:58:21

标签: javascript toggle

我有一个名为

的班级
.fp-slidesContainer

如果这个班级有

width=100%

然后我想要两个div:#left和#right被隐藏。 有什么帮助吗?

我被困在这里。

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';
    }    
}

1 个答案:

答案 0 :(得分:0)

这不是一个简单的因为IE&其他浏览器区别对待。 您可以将currentStyle用于IE,将getComputedStyle用于其他浏览器。但是,catch是以像素

返回的值

希望此代码段有用

function toggle() {
var _m = document.getElementsByClassName('fp-slidesContainer')[0];
console.log(window.getComputedStyle(_m,null).getPropertyValue("width"))
//Rest of your code
}

选中此jsFiddle