Create a range or html fragment in IE from a string

Question

How do I take a string and create an html fragment with it in IE. This works fine in non-ie browsers.

var str = "<div>Foo</div>";
var range = document.createRange();
var frag = range.createContextualFragment(str);
var e = document.getElementById("element");
e.appendChild(frag);

createContextualFragment is not at all necessary considering the widespread adoption of innerHTML. Here are a couple answers that use document fragments to avoid the dangling extra div you'd get with a straight innerHTML approach: stackoverflow.com/questions/814564/… and stackoverflow.com/questions/788614/… — Crescent Fresh
– Crescent Fresh, Commented Jan 22, 2010 at 19:56
innerHTML has quite a few idiosyncracies across the major browsers. I'd really like to know how to do this using w3c compliant code. — Praesagus
– Praesagus, Commented Feb 4, 2010 at 22:48

KP. · Accepted Answer · 2010-01-22 19:33:32Z

1

You may want to consider using jQuery? Cross-browser compatible and far easier to use:

$(document).ready(function() {
  var str = "<div>Foo</div>";
  $('#element').append(str); //assuming your element's id is 'element'
});

jQuery site and documentation

answered Jan 22, 2010 at 19:33

KP.

13.8k3 gold badges43 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create a range or html fragment in IE from a string

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related