Replace an element with a rendered htmlstring

.bowerrc

{
	"registry": {
		"register": "http://bower.ldschurch.org"
	}
}

README.md

bower install lds-replace-element-with

#Replace an element in the DOM with a rendered HTML string or other node.

var replace = require('replace-element-with'),
    foo = document.querySelector('.foo');

replace(foo, '<p class="bar">I\'m new here!</p>');

bower.json

{
  "name": "replaceElementWith",
  "version": "1.0.0",
  "authors": [
    "Cory Brown <oh.wise.man@gmail.com>"
  ],
  "description": "Simply replace an element in the DOM with a rendered HTML string.",
  "main": "replaceElementWith.js",
  "moduleType": [
    "node"
  ],
  "keywords": [
    "replace",
    "element",
    "DOM"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

replaceElementWith.js

var replaceElWith = function (el, htmlstr) {
    var render = function (str) {
        var div = document.createElement('div'),
            frag = document.createDocumentFragment();
        div.innerHTML = str;
        
        [].slice.call(div.childNodes).forEach(function (child) {
            frag.appendChild(child);
        });
        
        return frag;
    };
    
    el.parentElement.replaceChild(render(htmlstr), el);
};

module.exports = replaceElWith;