Как скрыть Span на JS?

Question

[DrunkMaster]

<span id="main">
        <input type="radio" name="n1" value=all" checked> все 
        <input type="radio" name="n1" value="open"> открыто
        <input type="radio" name="n1" value="closed"> закрыто
    </span>

В зависимости от внешних условий задаётся:

document.getElementById('main').style.visibility='visible';
document.getElementById('main').style.visibility='hidden';

Фишка в том что в случае hidden место которое занимает блок всё равно остаётся и остальные элементы не сдвигаются, а я бы хотел что бы span освободил место.

Answer 1

[Aslan]

document.getElementById('main').style.display='block';
document.getElementById('main').style.display='none';

Comments

[dom1n1k]

Только вместо "block" лучше "" (пустую строку).

[DrunkMaster]

dom1n1k: Почему не подскажете?

[DrunkMaster]

dom1n1k: можно inline-block

[dom1n1k]

DrunkMaster: Потому, что если сначала спрячу элемент, а потом при возврате присвою ему не тот режим отображения - верстка поломается. А если присвоить пустую строку, то режим будет либо подтянут из CSS-стилей, если он там указан, либо из стилей браузера по умолчанию.
Любой div может быть стилизован и как block, и как inline-block, как table-cell и еще туча вариантов. А скрипт этого не знает.

Answer 2

[Сергей Тутуков]

document.getElementById('main').style.display = 'none';