Почему не работает if с style.display?

Question

[Zwed]

Я пытаюсь сделать адаптивным плагин facebook page, но в поиске решения зашёл в тупик. В итоге я хочу просто заменить facebook page div с размером в 500px на div с размером в 300px при определенном размере окна (допустим меньше 1350px), но я решил начать с малого, так как особо не изучал javascript и то что изучил уже позабылось. Написал такое условие, оно не работает, вопрос - почему? Если вдруг у кого-то есть готовое решение с адаптивным facebook page плагином буду так же очень рад.

$(document).ready(function(){
    var smallf = document.getElementById('facebook_page_small');
    var big = document.getElementById('facebook_page_big');
    console.log('1');
    if (smallf.style.display == 'none') {
      console.log('2');
      smallf.style.display = 'inline'
    };
});

У меня в HTML коде есть два div в которые обёрнуты эти плагины, один - #facebook_page_big - 500px, второй - #facebook_page_small - 300px. У facebook_page_small изначально display:none я пока что просто хотел сделать его display:inline, чтобы он просто хотя бы появился, но даже это у меня не работает :D До console.log('1'); доходит, а console.log('2'); не выводит.

Comments

[Сергей delphinpro]

console.log(smallf);

[Zwed]

Сергей: Не понял вашего ответа. В чём смысл? console.log просто проверка, в исправном коде её не будет.

[Сергей delphinpro]

Zwed: Госпади.. Это намек на то, что выводить в консоль полезнее конкретную информацию, а не абстрактные цифры. Сомневаетесь в smallf.style.display - выведите его console.log(smallf.style.display);

Answer 1

[lem_prod]

через style доступны только свойства, который были присвоены по средствам js
подробнее тут https://learn.javascript.ru/styles-and-classes

Comments

[Zwed]

Спасибо!