在 js 中将显示设置为阻止时不显示 div 元素

Question

我试图在表单的一侧显示统计数据，一旦它们被计算出来，但是当我在js中将其显示从none更改为block时，不会出现包含此信息的div元素。我觉得这很奇怪，因为改变div的显示从块在css到无在js工作得很好。

.display_future_stats{
display: none;
width: auto;
position: relative;
right: -850px;
top: -150px;
/* border-radius: 20px;
border-style: groove;
border-color: olivedrab; */
}
<div class="display_future_stats fade-in" id="fade_in_stats">
<strong style="font-size: large; color:blue">display</strong><br>
<div style="font-size: medium; color:blue;">26 24</div>
</div>
let fadein = document.getElementById("fade_in_stats");
fadein.style.display="block";

下面的代码是我实际想做的，但我发现核心问题与改变风格有关。在js中显示，因为div当前包含相同的内容，我添加到它下面。

boldName.style.fontSize = "large";
boldName.textContent = document.getElementById("entername").value;
boldName.style.fontFamily = "Lucida Handwriting, Times New Roman, Cursive";
boldName.style.color = "blue";
boldName.appendChild(document.createElement("br"));
fadein.appendChild(boldName);
let statline = document.createElement("div");
statline.textContent = String(new_ppg) + " ppg, " + String(new_apg)
+ " apg, " + String(new_rpg) + " rpg, " + String(new_spg) + " spg, " + String(new_bpg) + " bpg";
statline.style.fontSize = "medium";
statline.style.color = "blue";
statline.style.fontFamily = "Courier New, Times New Roman, Serif";
statline.appendChild(document.createElement("br"));
fadein.appendChild(statline);
fadein.style.display='block';

Answer 1

display属性没有任何问题。您已经在display_future_stats类中使用了position: relative;。这个属性只是将div从显示中定位出来。删除此属性，您的代码将正常工作。