С помощью прямого скрытого атрибута из CSS это может быть достигнуто
<style>
/*
Los estilos puedes ponerlos al inicio de tu documento HTML o puedes
meterlos en un archivo por separado
*/
.auto{
display: none;
}
</style>
<div class="auto" id="auto">
Ocultar
</div>
Всегда старайтесь не допускать, чтобы ваш код CSS смешивался с вашим HTML, так как это делает его неподдерживаемым по мере роста вашего проекта.
Если вы решите поместить свой код CSS во внешний файл, поместите тег для его вызова после вашего последнего метатега вверху, он должен выглядеть примерно так:
Я рекомендую вышеизложенное, чтобы избежать того, что когда вы возобновите проект или кто-то еще будет участвовать, процесс внесения изменений станет сложным и трудным.
Во-первых, у нас должна быть наша структура HTML, где будет кнопка, которая активирует функцию JavaScript, которая изменит CSS, чтобы показать эффект. в этом случае кнопка будет div
хотя это делает то, что вы хотите, вы должны любой ценой избегать использования «встроенных стилей» для такого рода вещей, лучшим способом было бы использовать CSS из внешнего файла и изменить свойства с помощью JavaScript
С помощью стиля «display: none» вы можете скрыть это.
С помощью прямого скрытого атрибута из CSS это может быть достигнуто
Если вы решите поместить свой код CSS во внешний файл, поместите тег для его вызова после вашего последнего метатега вверху, он должен выглядеть примерно так:
Я рекомендую вышеизложенное, чтобы избежать того, что когда вы возобновите проект или кто-то еще будет участвовать, процесс внесения изменений станет сложным и трудным.
Во-первых, у нас должна быть наша структура HTML, где будет кнопка, которая активирует функцию JavaScript, которая изменит CSS, чтобы показать эффект. в этом случае кнопка будет div
хотя это делает то, что вы хотите, вы должны любой ценой избегать использования «встроенных стилей» для такого рода вещей, лучшим способом было бы использовать CSS из внешнего файла и изменить свойства с помощью JavaScript
Это мой друг решения: