JS动态添加嵌入式样式 原创

JS动态添加嵌入式样式

复制JavaScript/**
 * 动态添加嵌入式样式
 * @param newStyle 新的样式css
 * @param id 样式的id
 */
function addNewStyle(newStyle, id) {
    var styleElement = document.getElementById(id);
    if (!styleElement) {
        styleElement = document.createElement('style');
        styleElement.id = id;
        styleElement.type = 'text/css';
        styleElement.rel="stylesheet";
        document.getElementsByTagName('head')[0].appendChild(styleElement);
    }
    styleElement.appendChild(document.createTextNode(newStyle));
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16