0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Есть несколько способов<em>скрыть</em>элемент на js, основанные на применении стилей. Например, можем задать определенное CSS-правило для атрибута style самого элемента:</p>
1
<p>Есть несколько способов<em>скрыть</em>элемент на js, основанные на применении стилей. Например, можем задать определенное CSS-правило для атрибута style самого элемента:</p>
2
<ol><li>Используя display: none</li>
2
<ol><li>Используя display: none</li>
3
<li>Используя visibility: hidden</li>
3
<li>Используя visibility: hidden</li>
4
</ol><p>Оба эти способа скрывают элемент, но разница в том, что элемент, скрытый с помощью display: none, не занимает места на странице, в отличие от visibility: hidden.</p>
4
</ol><p>Оба эти способа скрывают элемент, но разница в том, что элемент, скрытый с помощью display: none, не занимает места на странице, в отличие от visibility: hidden.</p>
5
<p>Рассмотрим вариант применения этих стилей, но с использованием имен CSS-классов и методов classList.add(), classList.remove() для их добавления и удаления. Создадим класс с именем hidden, который содержит свойства для скрытия элемента:</p>
5
<p>Рассмотрим вариант применения этих стилей, но с использованием имен CSS-классов и методов classList.add(), classList.remove() для их добавления и удаления. Создадим класс с именем hidden, который содержит свойства для скрытия элемента:</p>
6
<p>Затем, чтобы скрыть элемент с помощью этого класса, добавим его к элементу:</p>
6
<p>Затем, чтобы скрыть элемент с помощью этого класса, добавим его к элементу:</p>
7
<p>Чтобы показать элемент снова, удалим класс:</p>
7
<p>Чтобы показать элемент снова, удалим класс:</p>
8
<p>Такой подход может быть более гибким и удобным в использовании, особенно если вы работаете с множеством элементов на странице.</p>
8
<p>Такой подход может быть более гибким и удобным в использовании, особенно если вы работаете с множеством элементов на странице.</p>