如安在IE中运用HTML 5元素-编程开发-知优网

在HTML 5还未正式投入使用，在大多数浏览器中还是未知元素的这个时候，有一个简单的方法可以在IE中使用HTML 5元素。那就是，使用JS创建未知元素。

Sjoerd Visscher 发现了一个简练的办法让款式在 IE 中作用到不知道的元素上——仅需 JS 创立此不知道元素即可：

如安在IE中运用HTML 5元素 HTML 第1张

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>HelloWorld!</section>
</body>
</html>

在 IE 中，为了更方便使用 HTML 5元素，咱们能够引进这样的脚本：

(function(){ 
//from:http://dean.edwards.name/weblog/2007/03/sniff/ 
if(!/*@cc_on!@*/0)return; 
varhtml5="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(vari=0,len=html5.length;i<len;i++) 
document.createElement(html5[i]); 
} 
})();