to-vdom

Converts a given HTML/DOM into Virtual DOM object.

Stars
5
Committers
2

virtual-html

Convert given HTML/DOM into Virtual DOM object

Install

$ npm install to-vdom

Usage

Async:

var html = '<div class="foo bar" style="color: red; background: yellow;" data-yo="123">yo</div>';
// ^ Could be a DOM object as well.

var virtual = require('to-vdom')

virtual(html, function (error, dom) {
  if (error) throw error

  dom.tagName
  // => 'div'

  dom.children[0].text
  // => 'yo'

  dom.properties.dataset.yo
  // => 123
})

Sync:

var html = '<div class="foo bar" style="color: red; background: yellow;" data-yo="123">yo</div>';

var virtual = require('to-vdom')

// synchronous interface
var dom = virtual(html)

dom.tagName
// => 'div'

dom.children[0].text
// => 'yo'

dom.properties.dataset.yo
// => 123