Javascript,附加CSS不适用于Webkit

时间:2013-05-24 18:36:37

标签: javascript css dom webkit

再一次,我转向人群的专业知识: - )

我添加了一个新的样式表:

var css = "#newElement { color: #ff0000 }";
style = document.createElement('style');
    if (style.styleSheet) {
        style.styleSheet.cssText = css;
} else { 
        style.appendChild(document.createTextNode(css));
}
parent.document.getElementsByTagName('head')[0].appendChild(style);
然后我创建了一个新的div:

var newElement = document.createElement("div");
newElement.id = "newElement";

新样式在Firefox上运行正常(变为红色)但在Webkit(Chrome / Safari)上运行不正常...... 我没有办法在IE上测试......

有没有人知道webkit是否存在导致此问题的问题?或者有关如何使其兼容的任何提示?

我需要改变链接和悬停属性之类的东西,所以使用改变DOM对象样式的直接方法是行不通的,我没有选择使用jQuery

0 个答案:

没有答案