温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在IE中使用HTML5元素

发布时间:2021-08-05 21:57:17 来源:亿速云 阅读:136 作者:chen 栏目:web开发

这篇文章主要介绍“怎么在IE中使用HTML5元素”,在日常操作中,相信很多人在怎么在IE中使用HTML5元素问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么在IE中使用HTML5元素”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

Sjoerd Visscher 发现了一个简洁的方法让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可:

document.createElement(elementName)

同理(对于 IE 来说 HTML 5元素即是未知元素),该方法也可顺延到 HTML 5 的元素上(详细见:John Resig 写的 《HTML5 Shiv》 一文):

< html> < head> < style>section { color: red; }< /style> < script>document.createElement("section")< /script> < /head> < body> < section>Hello World!< /section> < /body> < /html>

在 IE 中,为了更方便使用 HTML 5元素,我们可以引入这样的脚本:

(function(){      // from: http://dean.edwards.name/weblog/2007/03/sniff/      if(!/*@cc_on!@*/0) return;       var html5 = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,  eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,  progress,section,time,video".split(',');      for(var i = 0, len = html5.length; i <  len; i++ )          document.createElement(html5[i]);      }  })();

到此,关于“怎么在IE中使用HTML5元素”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI