你好，我使用 javascript 样式表对象，具有特定的样式并将其放置在 dom 上。当我完全执行我的代码时 IE 崩溃。
问题是 UL 在页面加载后设置了完全相同的样式。如果我放置 styleSheet.cssText = css;在页面加载之前，一切都是正确的。如果我删除 <DIV>f 中的 char f一切正常。我需要在页面加载后使用我的代码。有什么建议可以解决这个麻烦吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>test</title>
<script type="text/javascript" src="./jquery-1.4.2.min.js" ></script>
<script type="text/javascript">
var styleSheet = document.createStyleSheet();
var css= "UL{list-style-type:none;display:inline;}LI{padding:0px;}";
$(document).ready(function(){
styleSheet.cssText = css;
});
</script>
</head>
<body>
<DIV>f
<UL>
<LI><a>dfgfdg</a></LI>
<LI><a>fdgdfg</a></LI></UL>?
</DIV>?
</body>
</html>
最佳答案
该问题是 IE8 特有的。它似乎适用于 ie7 和 ie9。
为了重现该错误，在页面加载后应用样式表非常重要。 我们在本示例中使用了 jquery.ready()，但代码也会因单击和加载事件而崩溃。 这个错误非常具体。它需要上面示例中使用的精确 css 和 html。我们尝试以不同的方式添加样式表(例如 stylesheet.rules[i].lisStyleType='none' 并在 .css 文件中添加样式表)，但没有成功。我们绝对需要在发生此问题的地方动态添加样式。
关于javascript - 样式表 javascript 对象非常奇怪的 IE 崩溃问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5869595/