Bug Tracker

#5714 closed bug (invalid)

Opened December 25, 2009 11:09PM UTC

Closed December 28, 2009 02:23AM UTC

append() Doesn't Work for <head> Elements in IE

Reported by: gyrm Owned by:
Priority: major Milestone: 1.4
Component: unfiled Version: 1.3.2
Keywords: append, <head> Cc:
Blocked by: Blocking:
Description

The following code demonstrates:

var head = $('head');

head.append('<title>Yeah!</title>');

alert(head.html()); "Yeah!" added in FF3.5, Chrome3; not in IE8

var title = document.createElement('title');

title.appendChild(document.createTextNode('Buddy!'));

head[0].appendChild(title);

alert(head.html()); "Buddy!" added in all

Attachments (0)
Change History (2)

Changed December 25, 2009 11:20PM UTC by gyrm comment:1

Looks like this may be an issue with the 

<title>
element specifically, which is strange.

var script = $('<script src="foo.js" />');
var title = $('<title>Buddy!</title>');
var link = $('<link rel="stylesheet" href="foo" />');

alert(script[0]);
alert(title[0]);   // "undefined" only in IE
alert(link[0]);

Changed December 28, 2009 02:23AM UTC by dmethvin comment:2

resolution: → invalid
status: new → closed

"The HTML string cannot contain elements that are invalid within a div, such as html, head, body, or title elements."

http://docs.jquery.com/Core/jQuery#htmlownerDocument