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