使用js发布编辑类样式属性 - 问题在于IE

时间:2010-05-23 19:49:59

标签: javascript internet-explorer

我有一个编辑类

的样式属性的函数

不幸的是,IE似乎不喜欢它,但它不会给我一个错误。

有谁知道这是什么问题?

提前致谢

 function myRemoveElement(id)   {
    var Node = document.getElementById(id);
    Node.parentNode.removeChild(Node);
}

function boolyChangeFoo(width1, width2, width3, width4) {
    if(typeof style == 'undefined') {
        var append = true;
        myStyle = document.createElement('style');
    } else {
        while (myStyle.hasChildNodes()) {
            myStyle.removeChild(myStyle.firstChild);
        }
    }
    if (document.getElementById('my_custom_styles'))
    {
        myRemoveElement('my_custom_styles');
    }
    var head = document.getElementById('myltd_popup_1');
    var rules = document.createTextNode('.my_price_comp_inner { width: ' + width1 + '}' +
        '.merch_coupons_summary { width: ' + width2 + '}' +
        '.merch_coupons_data { width: ' + width3 + '}' +
        '.my_coupon_prod_item { width: ' + width4 + '}'
    );

    myStyle.setAttribute('type','text/css');
    myStyle.setAttribute('id', 'my_custom_styles');
    if(myStyle.styleSheet) {
        myStyle.styleSheet.cssText = rules.nodeValue;
    } else {
        myStyle.appendChild(rules);
    }
    //alert(myStyle);
    if(append === true) head.appendChild(myStyle);
}

1 个答案:

答案 0 :(得分:0)

@Pointy - 我真的不需要顶部

 function myRemoveElement(id)   {
    var Node = document.getElementById(id);
    Node.parentNode.removeChild(Node);
}

function boolyChangeFoo(width1, width2, width3, width4) {
        var append = true;
        myStyle = document.createElement('style');
    if (document.getElementById('my_custom_styles'))
    {
        myRemoveElement('my_custom_styles');
    }
    var head = document.getElementById('myltd_popup_1');
    var rules = document.createTextNode('.my_price_comp_inner { width: ' + width1 + '}' +
        '.merch_coupons_summary { width: ' + width2 + '}' +
        '.merch_coupons_data { width: ' + width3 + '}' +
        '.my_coupon_prod_item { width: ' + width4 + '}'
    );

    myStyle.setAttribute('type','text/css');
    myStyle.setAttribute('id', 'my_custom_styles');
    if(myStyle.styleSheet) {
        myStyle.styleSheet.cssText = rules.nodeValue;
    } else {
        myStyle.appendChild(rules);
    }
    //alert(myStyle);
    if(append === true) head.appendChild(myStyle);
}