在页面加载时在线更改CSS显示值

Question

在HTML中内联（不使用单独的javascript文件或代码块）如何更改页面加载时元素的显示？我希望它从display：none返回默认值。

我试过这个：

<div style="display:none" onload="function(){this.style.display = 'block'}">
   hello
</div>

而且：

<div style="display:none" onload="this.style.display = ''">
    hello
</div>

但是没有工作，谢谢。

Answer 1

正如我在评论中所写的那样，onload没有div个事件。

您可以使用此代码，它会在加载文档时更改div s display值。

document.onload = document.getElementById('div').style.display = 'block';

<div style="display:none" id="div">
   hello
</div>