Question

我在html页面中使用如下标记链接了一个外部样式表，

<link href="CSS/master.css" rel="stylesheet" type="text/css" media="screen" />

有样式，

.myDiv{height:200px;}

在文档阅读中，我创建了一些样式，并将其作为内部样式表附加到头部，如

    var styles = ".mydiv{height:350px; width:300px;}";
    var headID = document.getElementsByTagName("head")[0];
    styleNode = document.createElement("style");
    styleNode.setAttribute("type", "text/css");
    styleNode.setAttribute("id", "game_style");
    headID.appendChild(styleNode);

    if (styleNode.styleSheet) {// IE
        styleNode.styleSheet.cssText = styles;
    } else {// the world
        var textNode = document.createTextNode(styles);
        styleNode.appendChild(textNode);
    }

正确应用新样式宽度，但高度不会仅反映在IE8浏览器上。对此有何建议？

Answer 1

如何提及!important身高？

var styles = ".mydiv{height:350px !important; width:300px;}";

希望这会奏效。

Answer 2

在页面DOM结构中发现错误。脚本标签未正确关闭。

动态内部样式不会覆盖外部样式

2 个答案: