create-node

2.0.3 • Public • Published

create-node

Converts an HTML string to a DOM node.

Build Status Coverage Status npm

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

Package Sidebar

Install

npm i create-node

Weekly Downloads

10

Version

2.0.3

License

MIT

Last publish

Collaborators

  • lukechilds