javascript - solo - que hacer cuando una persona se atora con su saliva

Element.appendChild() se ahoga en IE

Question

Tengo el siguiente javascript:

  css = document.createElement(''style'');
  css.setAttribute(''type'', ''text/css'');
  css_data = document.createTextNode('''');
  css.appendChild(css_data);
  document.getElementsByTagName("head")[0].appendChild(css);

por alguna razón, solo en IE, se bloquea en "css.appendChild (css_data);" Dando el error: "Llamada inesperada al método o acceso a la propiedad"

¿Que esta pasando?

Answer 1

Esto es particular con el elemento "estilo", IE no permite el método appendChild () en él.

Answer 2

Intente en su lugar:

var css = document.createElement(''style'');
css.setAttribute(''type'', ''text/css'');

var cssText = '''';
if(css.styleSheet) { // IE does it this way
    css.styleSheet.cssText = cssText
} else { // everyone else does it this way
    css.appendChild(document.createTextNode(cssText));
}

document.getElementsByTagName("head")[0].appendChild(css);

Answer 3

no se permite appendChild () con HTMLStyleElement en IE

Echale un vistazo

Answer 4

@crescentfresh

Intenté tu sugerencia, y el contenido del bloque de estilo simplemente nunca se llena. Probé en IE6 e IE7 ... simplemente no parece hacer nada

Aquí está mi código modificado:

function load_content()
{
  var d = new Date();

  css = document.createElement(''style'');
  css.setAttribute(''type'', ''text/css'');
  if(css.styleSheet) { css.styleSheet.cssText = ''testing''} //Because IE is evil
  else { css_data = document.createTextNode(''''); css.appendChild(css_data); } //And everyone else is cool
  document.getElementsByTagName("head")[0].appendChild(css);

  new Ajax.PeriodicalUpdater(''content'', ''/%doc_path%?''+d.getTime(),
  {
    method: ''post'',
    frequency: 5,
    onSuccess: function(transport) {
          new Ajax.Request(''/%css_path%?''+d.getTime(), {
              method: ''get'',
              onSuccess: function(transport) {

                if(css.styleSheet) { css.styleSheet.cssText = transport.responseTex}
                else { 
                    var new_css_data = document.createTextNode(transport.responseText);
                    css.replaceChild(new_css_data, css_data); 
                    css_data = new_css_data;
                } 
              }
          });
    }
  });
}

¿Algunas ideas?