Почему элемент в DOM, несмотря на то, что он display: none?
<div class='ifx__alert-icon-wrapper'>
<ifx-icon icon = {this.icon}></ifx-icon>
</div>
&__alert-icon-wrapper {
display: none;
&.show {
position: relative;
min-width: 48px;
display: flex;
justify-content: center;
align-items: center;
}
ДОМ:
Почему элемент ifx__alert-icon-wrapper находится внутри DOM, несмотря на то, что он display: none?
Я уверен, что класс show не добавлен.
Я знал это :-D
@ILoveCoffee ты явно этого не делал
@DiegoD Докажи это.
Где вы ожидали найти элемент тогда?
@IloveCoffee первый комментарий ответил на любые сомнения, показанные в вопросе, и ничего не было добавлено в ответ, который вы приняли. Самого вопроса вообще не существовало бы, если бы вы «знали это». Пожалуйста, не бросайте вызов людям, которые прикладывают усилия, отвечая на ваши вопросы, и внимательно читайте то, что они предлагают, прежде чем отвечать.
@DiegoD Ты ошибаешься.
![Интервьюер: Почему '[] instanceof Object' возвращает "true"?](https://cdn-images-1.medium.com/max/120/0*3Q2LAQJh9HQrdTPK)
Ответы 1
Display: none удаляет содержимое элемента при применении к элементу. display: none не удаляет его из кода и не делает так, чтобы его нельзя было увидеть в элементе проверки. display: none можно добавить куда угодно, чтобы убрать его внешний вид. Документы mdn об отображении и информацию об отображении none можно найти там [информация о отображении: нет][1]. Если вы хотите удалить элемент, вам понадобится javascript, используя remove(). Вам нужно будет получить элемент
const element = document.getElementById('your_element');
И вам нужно будет сделать это тоже.
element.remove();
Вам нужно присвоить переменную элементу, который вы хотите удалить, а затем использовать remove с именем элемента, как показано выше. [1]: https://developer.mozilla.org/en-US/docs/Web/CSS/display
display: noneне удаляет элемент из DOM, он просто скрывает элемент из представления. Если вы хотите удалить элемент, см. developer.mozilla.org/en-US/docs/Web/API/Element/remove