string-to-dom

Add a string of HTML to the DOM and return the new element.

Usage no npm install needed!

<script type="module">
  import stringToDom from 'https://cdn.skypack.dev/string-to-dom';
</script>

README

string-to-dom

Add a string of HTML to the DOM and return the new HTML element.

Uses insertAdjacentHTML to add a given string to the DOM in an efficient manner and return the newly created HTML element.

Useful in test suites for setting up HTML to assert against.

Install

npm install --save string-to-dom

Usage

var stringToDom = require('string-to-dom');

// Add the <p> tag to the page (right after the <body> tag).
// `message` is the newly created HTML element.
var message = stringToDom('<p>Hello, World!</p>');

// Optionally add to a particular node on the page:
var target = document.getElementById('my-form')
var button = stringToDom('<button class="btn">Click me!</button>', target)

API

See the API docs for full documentation.

License

MIT © Dana Woodman