问题编辑类样式属性 - 问题是与IE

Question

我有一个函数编辑

不幸的是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); 
} 

Answer 1

@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); 
}