我想为HTML控件的innerHTML分配一个链接标记.但这在Internet Explorer中无法正常工作.但是,当我尝试分配除<link>&<style>标签以外的任何东西时,它可以正常工作.
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader");
x.innerHTML='<link \"http://test.com/css/template.css\" rel=\"stylesheet\"><div>abc</div>';
alert(x.innerHTML);
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">Click me!</h1>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
此外,如果我更改上面的<div>标签和<link>标签序列,它也可以在Internet Explorer中正常工作.
x.innerHTML='<div>abc</div><link \"http://test.com/css/template.css\" rel=\"stylesheet\">';
Run Code Online (Sandbox Code Playgroud)
请指教!谢谢.
编辑:这是Internet Explorer与ExtJs的错误.更多信息在
http://www.sencha.com/forum/showthread.php?30110-internet-explorer-autoLoad-css-not-applied