Что противоположно отображению = 'none' в JS

Question

Я делаю веб-страницу с загрузкой при загрузке, поэтому, когда время ожидания истекает, и отображается <div>. Но у меня есть небольшая проблема с .style.display = 'visible', и я не могу найти ничего напротив display = 'none'. Так что мне просто интересно, что является противоположностью «нет» в JS

Answer 1

Если вы просто пытаетесь скрыть объект загрузки, вы используете visibility: visible и visibility: hidden

Answer 2

Ответ Джеймса, опубликованный выше, хорош, и я просто хотел уточнить значения свойства display.

Основные значения, применимые почти ко всем элементам для их свойства display, равны block / inline (есть небольшое исключение, такое как свойства таблицы c).

Некоторые элементы HTML должны отображаться на странице как элементы уровня блока (представьте себе <div>, <p>, <h1> et c ), в то время как другие элементы, естественно, должны располагаться рядом с другими элементами (подумайте о <span> <img> et c). Другой способ мышления для меня заключается в том, что block уровень расположен вертикально, а inline - горизонтальный.

Итак, возвращаясь к ответу, противоположность display: none может быть либо display: block / display: inline, в зависимости от элемента. Я бы классифицировал block & inline как более противоположных друг другу в системе макетов. Тем не менее, это может думать в другом контексте.

Answer 3

Если вы используете javascript для установки стиля, самое простое решение - установить пустое свойство отображения (.style.display = '';), чтобы отменить скрытие:

const text = document.getElementById('text-element');

function hide() {
  text.style.display = 'none';
}

function show() {
  text.style.display = '';
}

div {
  height: 30px;
}

<div>
  <span id="text-element">Text</span>
</div>

<div>
  <button onclick="hide()">
    Hide Text
  </button>

  <button onclick="show()">
    Show Text
  </button>
</div>

Answer 4

В JavaScript вы можете использовать большинство свойств отображения, доступных в CSS. В противоположность display = "none"

- все остальные свойства отображения и используются в различных ситуациях.

Мои любимые:

display:table;

в сочетании с полем: авто; в большинстве случаев он очень хорошо выравнивает дочерний элемент по центру.

display: inline;

Отображает элемент в виде встроенного элемента, такого как div. Любые свойства высоты и ширины не будут иметь эффекта

display:contents

Заставляет контейнер исчезнуть, делая дочерние элементы дочерними для элемента на следующем уровне вверх в DOM

Answer 5

В Jquery нет «display: visible»

, вы можете использовать .show () и .hide (), но в чистом ванили понимается, что любой другой вид отображения, кроме «none», будет показать элемент DOM.

ej. дисплей: блок, сетка, гибкий, встроенный и т. д. c.

Answer 6

Я бы сказал, что это зависит от того, какой контейнер вы используете, это все равно, что сказать «что противоположно невидимому живому существу».

Типы отображения по умолчанию для html элементов

Противоположность display: none; для таких элементов, как <div> <p> <h1> <h2> ... Я бы сказал, display: block;.

Но тогда для таких элементов, как <a> <img> <span> Я бы сказал, что противоположным будет display: inline;