Javascript 不改变 css

标签 javascript html css

    <!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        #b {
            display: none;
        }
    </style>
    <script type="text/javascript">
        document.getElementById("b").style.display = block;
    </script>
</head>
<body>
    <h1 id="b">Hello</h1>
</body>
</html>

有谁知道我在这里做错了什么? CSS 不应该由 javascript 更改并显示 Hello。感谢您的帮助!

最佳答案

  <head>
<title></title>
<style type="text/css">
    #b {
        display: none;
    }
</style>

</head>
 <body>
  <h1 id="b">Hello</h1>
 <script type="text/javascript">
     document.getElementById('b').style.display = "block";
   </script>
  </body>
</html>

试试这个更好地创建 custom.css 文件并在 head 部分链接。并创建 custom.js 文件并在/body 标记结束前链接到您的 html

关于Javascript 不改变 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39440236/

相关文章:

html - 强制 Firefox 在 CSS 指定的尺寸内呈现空图像

php - Symfony 2 中 CSS 文件中的资源路径

Javascript parseFloat 问题

javascript - “未定义为 channel 聊天中的输出

javascript - 如何在电子邮件中发送的消息中创建按钮?

javascript - jQuery 中的可编辑文本框

javascript - HTML 加载一个空的 JS 文件

javascript - 如何使用 AJAX 上传图像?

javascript - 对于 WinJS 应用程序,我应该使用 getElementById 还是直接引用元素?

Microsoft Edge 浏览器中的 css 对齐问题