text(), html() and append() don't work on <style> elements in IE8

[paul.dixon@…]

Trying to add a style definition using a style element throws an exception in Internet Explorer 8. I tried using text(), html() and append() but they all give the same error:

Line: 192 Error: Object doesn't support this property or method

Example at ​http://jsfiddle.net/BdU9u/

[Timmy Willison]

Confirmed

​http://jsfiddle.net/timmywil/BdU9u/2/

However, this works: ​http://jsfiddle.net/timmywil/VdmYD/1/

So it may be that style elements are readonly in IE.

[anonymous]

It's a known bug. appendChild on <style> element throws exceptions. To workaround this issue use

var style = document.createElement('style');
style.styleSheet.cssText = 'h1 { color: blue; }';

​http://stackoverflow.com/questions/436710/element-appendchild-chokes-in-ie ​http://www.quirksmode.org/bugreports/archives/2006/01/IE_wont_allow_documentcreateElementstyle.html

[sindresorhus]

#11486 is a duplicate of this ticket.

[mikesherov]

#12406 is a duplicate of this ticket.

[dmethvin]

+1, This seems pretty fixable for 1.9 (.text() only) and doesn't need to be in 2.0.

[gibson042]

#12679 is a duplicate of this ticket.

[mikesherov]

+1, yup

[gnarf]

+1, If there's a fix and it's not huge, lets fix it.

[dmethvin]

#12909 is a duplicate of this ticket.

[Rick Waldron]

text() is implemented via Sizzle and adding a special case to Sizzle.getText where: elem is style and only in oldIE, return the elem.style.cssText is unreasonable. Considering we don't need this in jQuery 2.0, Sizzle shouldn't have to carry the burden.

[gern]

For those of you that dont take "no" as an answer :

$.fn.extend({
  'text': function (value) {
    return $.access(this, function (value) {
      if (value === undefined)
        return $.text(this);
      if (this[0] && this[0].nodeName == 'STYLE') {
        if (this[0].styleSheet) this[0].styleSheet.cssText = value;
        else this[0].innerHTML = value;
        return this;
      }
      return this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
    }, null, value, arguments.length);
  }
});

[gibson042]

#15183 is a duplicate of this ticket.