在JS中显示="无"的反义词是什么

Question

我正在制作一个加载时加载的网页，所以当加载超时并显示<div>时。但我的.style.display = 'visible'有点麻烦，我找不到任何与display = 'none'相反的东西。所以我只是想知道JS 中"无"的反面是什么

Answer 1

James在上面发布的答案很好，我只是想详细说明display属性的值。

适用于几乎所有元素的display属性的主要值是block/inline(有一个小的例外，比如表特定的属性(。

某些HTML元素是作为块级元素呈现在页面上的(想想<div>, <p>, <h1>等(，而其他元素自然是与其他元素并排放置的(想想<span> <img>等(。对我来说，另一种思考方式是CCD_；CCD_ 10是水平的。

因此，根据元素的不同，display: none的对立面可以是display: block/display: inline。我将CCD_ 14&CCD_ 15在布局系统中更多地彼此相反。然而，这可能是在不同的背景下思考。

Answer 2

如果你只是想隐藏加载的东西，你可以使用visibility: visible和visibility: hidden

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

如果您想保留元素的样式，可以使用.style.display=""

使用="block"或="inline"会破坏您当前的风格。

Answer 5

我想说，这取决于你使用的容器，就像在说"什么是隐形生物的反面。">

html元素的默认显示类型

对于像CCD_ 23这样的元素，CCD_ 22的对立面是CCD_ 24。

但对于像<a> <img> <span>这样的元素，我认为相反的是display: inline;

Answer 6

没有"display:visible">

在Jquery中，您可以使用.show((和.hide((，但在纯香草中，除了"none"之外，任何其他类型的显示都会显示DOM元素。

ej。显示：块、网格、柔性、内联等

Answer 7

在JavaScript中，您可以使用CSS中提供的大多数显示属性。与相对display="none">

是显示属性的其余部分，用于不同的情况。

我最喜欢的是：

display:table;

与margin组合：auto；在大多数情况下，它都能很好地将儿童元素与中心对齐。

display: inline;

将元素显示为类似div的内联元素。任何高度和宽度属性都不会影响

display:contents

使容器消失，使子元素成为DOM 中下一级元素的子元素