鱼C论坛

 找回密码
 立即注册
查看: 2113|回复: 1

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

[复制链接]
发表于 2022-4-10 11:43:44 | 显示全部楼层 |阅读模式

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

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

x
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8" />
  5.                 <title>旅游</title>
  6.                 <script>
  7.                 document.createElement('article');
  8.                 document.createElement('nav');
  9.                 document.createElement('header');
  10.                 document.createElement('footer');
  11.                 document.createElement('main');
  12.                 </script>
  13.                 <style>
  14.                 article,main,header,nav,footer{
  15.                         display:block;
  16.                 }
  17.                 </style>
  18.                 <link href='css/css首页.css' rel="stylesheet">
  19.         </head>
  20.         <body>
  21.                 <!-- <main></main> -->
  22.                 <div>1</div>
  23.                 <script>
  24.                 var body=document.querySelector('body');
  25.                 var  main=document.createElement('main');
  26.                 body.appendChild(main);
  27.                 console.log(main.style.display);///问题所在/////////////////////////
  28.                 console.log(main);
  29.                 </script>
  30.         </body>
  31. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2022-4-10 14:22:13 | 显示全部楼层
没有设置style当然是空的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-9 20:18

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表