❤
npm
Sign UpSign In

lazydom

0.0.1 • Public • Published

arraydom.js

Consider HTML a simple tree of JS arrays —

Converts back and forth between these two representations:

<html>
  <head>
    <title>Lazydom Example Page</title>
  </head>
  <body>
    <h1>Page Title</h1>
    <hr/>
    <p class="alert" style="border: 3px solid blue;">Lorem Ipsem!</p>
    <img src="https://pixabay.com/static/uploads/photo/2015/11/26/17/39/cat-1064225_960_720.jpg" width="400" />
  </body>
</html>

and

[ "html", {},
  [ "head", {},
    [ "title", {}, "Lazydom Example Page" ]
  ],
  ["body", {},
   [ "h1", {}, "Page Title"],
   [ "hr" ],
   [ "p alert", { "style.border": "3px solid blue" }, "Lorem Ipsem!" ],
   [ "img",
     {
       "src": "https://pixabay.com/static/uploads/photo/2015/11/26/17/39/cat-1064225_960_720.jpg",
       "width": 400
     }
   ]
  ]
]

Readme

Keywords

Package Sidebar

Install

npm i lazydom

Repository

github.com/sandhawke/lazydom

Homepage

github.com/sandhawke/lazydom#readme

Weekly Downloads

1

Version

0.0.1

License

MIT

Last publish

Collaborators

  • sandhawke
Try on RunKit
Report malware