Converts an HTML string to a DOM node.
npm install --save create-node
or
jspm install create-node
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 HTMLElement
s.
import createNode from 'create-node';
const markup = `
<span>hello</span>
<span>world</span>`;
const collection = createNode(markup);
// HTMLCollection
collection[1].textContent;
// 'world'
MIT © Luke Childs