如何解决html5语义化兼容问题，这里为何main.style.display为空

小黄练编程 · 发表于 2022-4-10 11:43:44

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8" />
                <title>旅游</title>
                <script>
                document.createElement('article');
                document.createElement('nav');
                document.createElement('header');
                document.createElement('footer');
                document.createElement('main');
                </script>
                <style>
                article,main,header,nav,footer{
                        display:block;
                }
                </style>
                <link href='css/css首页.css' rel="stylesheet">
        </head>
        <body>
                <!-- <main></main> -->
                <div>1</div>
                <script>
                var body=document.querySelector('body');
                var  main=document.createElement('main');
                body.appendChild(main);
                console.log(main.style.display);///问题所在/////////////////////////
                console.log(main);
                </script>
        </body>
</html>

kogawananari · 发表于 2022-4-10 14:22:13

没有设置style当然是空的

账号		自动登录	找回密码
密码			立即注册