create-node

Converts an HTML string to a DOM node.

Install

npm install --save create-node

or

jspm install create-node

Usage

Passing in markup with one top level element will return an HTMLElement (or something that inherits from it e.g HTMLDivElement)

import createNode from 'create-node';

const markup = `
<div>
  <span>hello</span>
  <span>world</span>
</div>`;

const node = createNode(markup);
// HTMLDivElement

node.querySelector('span:first-child').textContent;
// 'hello'

document.body.appendChild(node);

Passing in markup with multiple top level elements will return an HTMLCollection of HTMLElements.

import createNode from 'create-node';

const markup = `
<span>hello</span>
<span>world</span>`;

const collection = createNode(markup);
// HTMLCollection

collection[1].textContent;
// 'world'

License

MIT © Luke Childs