显示="show"是一回事吗？

Question

我正在学习JavaScript，并且在查看一些用于根据条件显示/隐藏无序列表项的代码时，他们有:

myArray[i].style.display = "show";

我理解

style.display = "block"

但是我找不到任何关于"show"的文档。这是JavaScript特有的属性吗?没有"show" CSS属性我在任何地方都能找到

Answer 1

display:show绝不是CSS或JavaScript样式显示属性中的属性。在这里，你可以查看所有可能的显示样式属性值，但show不在其中。

但是可能你指的是jQuery的show和hide函数。

是的，你可以在这里了解更多关于它们。show()和。hide()，祝你好运!

Answer 2

display: show不是一个有效的css语法和属性。你可以用inline block...代替。

您也可以使用visibility&opacity有其他用例，但我们可以说它们有一点相同。你可以在这里读到。

const section = document.querySelector('section');
document.querySelector('.show').addEventListener('click', () => {
section.style.display = 'block';
}
)
document.querySelector('.hide').addEventListener('click', () => {
section.style.display = 'none';
}
)

section {
width: 100px;
height: 100px;
background-color: orange
}

<section></section>
<button class="show">Show</button>
<button class="hide">Hide</button>