怎么在IE中使用HTML5元素

这篇文章主要介绍“怎么在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元素”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！