javascript - 如何使用 JavaScript 使用 CSS 文件中的属性显示/隐藏 div

Question

我希望在 HTML 文件中显示一个初始显示值设置为“无”的 div。我不想使用 $(object).style.display = "initial"因为它没有正确格式化页面。我确定有办法做到这一点。有人可以帮忙吗？

JavaScript:

function showPrecip() {
$("slider").style.display = "none";
$("graph").style.display = "initial";}

CSS:

#graph td div {
background-color: #e7f1fd;
border-top: 2px solid #1878f0;
font-weight: bold;
text-align: center;
width: 50px;}

#graph td, #temps {
height: 100px;
vertical-align: bottom;}

HTML:

    <table id="graph">
    </table>
    <div id="temps">
        <input id="slider" type="range" min="0" max="24" step="3" />
    </div>

Answer 1

div 的默认行为是 block 。

只要把javascript改成下面的就可以了。当我在这部分使用这种方法时。$("图表").style.display = "";