dom-insert-html

HTML string DOM insertion methods.

Usage no npm install needed!

<script type="module">
  import domInsertHtml from 'https://cdn.skypack.dev/dom-insert-html';
</script>

README

dom-insert-html

Build Status

HTML-string DOM insertion methods. Convenient, minifier-friendly methods for using insertAdjacentHTML.

Installation

npm install dom-insert-html

API

Available methods:

  • after(element, string): insert HTML string after element.
  • before(element, string): insert HTML string before element.
  • append(element, string): append HTML string to element.
  • prepend(element, string): prepend HTML string to element.

Each method accepts:

  • element {Element}: DOM element
  • string {String}: the HTML stringn to insert.

Examples

var html = require('dom-insert-html');
var el = document.querySelector('.element');
var str = '<p>DOMString content</p>';

html.after(el, str);
html.before(el, str);
html.append(el, str);
html.prepend(el, str);

Browser support

  • Google Chrome
  • Firefox 8+
  • Internet Explorer 4+
  • Safari 4+
  • Opera 7+