Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

innerhtml

1.0.2 • Public • Published

innerhtml Build Status Dependency Status

Stream content to/from a DOM node

Example

Copy content from one DOM node to another:

index.html

<!doctype html>
<div id="input">
  <h1>Lorem Ipsum</p>
  <p>Pellentesque habitant morbi tristique senectus.</p>
</div>
<div id="output"></div>
<script src="bundle.js"></script>

main.js

var innerhtml = require("innerhtml")
  , input = document.getElementById("input")
  , output = document.getElementById("output")
 
innerhtml.createReadStream(input).pipe(innerhtml.createWriteStream(output))

Finally, use browserify to create bundle.js:

npm install -g browserify
npm install innerhtml
browserify main.js > bundle.js

API

innerhtml.createReadStream(element [, options])

Create a new readable stream whose source is the passed DOM element. If no options are passed, the readable stream will emit element's innerHTML.

options.objectMode

Setting this to true will cause the readable stream to emit a cloned node for each of element's childNodes.

options.remove

Setting this to true will cause the readable stream to empty the contents of element by setting it's innerHTML to "" after it has been emitted.

If objectMode is also set to true, the readable stream will remove and emit each of element's childNodes.

innerhtml.createWriteStream(element [, options])

Create a new writable stream whose destination is the passed DOM element. If no options are passed, the writable stream will replace the element's innerHTML with the content piped to it.

options.objectMode

Setting this to true will cause the writable stream to expect DOM nodes to be written to it.

options.append

Setting this to true will cause the writable stream to append to the existing contents of the node instead of replacing it.

options.clone

When objectMode is set to true, setting this option to true causes the writeable stream to clone the node written to it before it is appended to element. It allows a readable stream to pipe to multiple destinations when in objectMode.

install

npm i innerhtml

Downloadsweekly downloads

7

version

1.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability