Скрыть или показать элементы в HTML с помощью свойства отображения
Улучшить статью
Сохранить статью
- Уровень сложности: Easy
- Последнее обновление: 10 ноя, 2022
Улучшить статью
Сохранить статью
Свойство отображения стиля используется для скрытия и отображения содержимого HTML DOM путем доступа к элементу DOM с помощью JavaScript/jQuery.
Чтобы скрыть элемент, установите для свойства отображения стиля значение «нет».
document.getElementById("элемент").style.display = "нет"; Чтобы отобразить элемент, установите для свойства отображения стиля значение «блок».
document.getElementById("элемент").style.display = "блок"; - Создайте несколько div и назначьте им идентификатор или класс, а затем добавьте к ним стиль.
HTML
|
- Ширина и высота будут устанавливать ширину и высоту содержимого, радиус границы 0% сделает границу квадратной, 50% сделает круг и 25% сделает округлую форму, а поплавок сделает div позиционируются, margin-right разделяет их пробелом справа.
CSS
Попробуйте демоверсию. Откройте демонстрацию, вы увидите элементы Я видим и Пустой текст и пробел между ними — скрытый второй элемент. Приведенный выше пример отображает содержимое HTML:
Обратите внимание, что вы также можете скрыть элемент, используя |

0043 «circle» 