<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB" xml:lang="en-GB"> <head> <meta http-equiv="x-ua-compatible" content="IE=8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Glow Sandbox</title> <script type="text/javascript" src="http://node1.bbcimg.co.uk/glow/gloader.0.1.3.js"> gloader.use("glow", {map: "http://node1.bbcimg.co.uk/glow/glow/map.1.7.0.js"}); </script> <script type="text/javascript"> gloader.load(["glow", "1", "glow.events", "glow.anim", "glow.widgets.Overlay"], { onload: function(glow) { glow.ready(function(){ var h1 = glow.dom.get('h1').clone(); alert(h1.length); // breaks in IE // comment these lines out to see // the output of the 3rd example var h2 = glow.dom.get('h2').clone(); alert(h2.length); // works in IE, but only if the previous example is not executed var h3 = glow.dom.get('h3'); // if our nodelist is empty, we just return it // else we clone it & return it h2 = (!h3.length) ? h3 : h3.clone(); alert(h3.length); }); } } ); </script> </head> <body> <h1>Glow sandbox</h1> </body> </html>