Pau*_*aul 3 html javascript css
在这种情况下，我无法将元素状态设置为可见：
<html>
<head>
<style type="text/css">
#elem {display:none}
</style>
</head>
<body>
<div id="elem">.......</div>
<script type="text/javascript">
document.getElementById("elem").style.display="";
</script>
</body>
</html>
仅当我将显示设置为“阻止”时它才起作用。
在这种情况下它有效：
<html>
<head>
</head>
<body>
<div id="elem" style="display:none">.......</div>
<script type="text/javascript">
document.getElementById("elem").style.display="";
</script>
</body>
</html>
我的兴趣是让它在第一种情况下工作而不设置“阻止”。
为什么要使用内联样式而不是 css 类？
<html>
<head>
<style type="text/css">
#elem.hidden {display:none}
</style>
</head>
<body>
<div id="elem" class="hidden">.......</div>
<script type="text/javascript">
document.getElementById("elem").className = '';
</script>
</body>
</html>