Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Library to modify DOM
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.gitignore
.npmignore
README.md
index.js
new-element.js
package.json
select.js
test.js

README.md

Deprecated

Please use npm-dom/dom-tree instead.

dom-children

Library to modify DOM

Example:

add = require('dom-children').add

add(document.body, '<h1>{title}</h1>{content}', {
  title: 'Hello',
  content: 'Welcome!'
})

Install

$ npm install dom-children

API

add(element, child)

Adds child to el

add(document.body, document.createElement('textarea'))
add('body .content', document.createElement('textarea'))
add('.content', '<div>hello</div>')
add('.content', '<h1>{title}</h1>', { title: 'Hello!' })

addAfter(parent, child, reference)

Similar to addBefore

addBefore(parent, child, reference)

addBefore(document.body, document.createElement('textarea'), document.body.firstChild)
addBefore('body', '<h1>{msg}</h1>', { msg: 'foobar' }, document.body.firstChild)

insert(element, parent)

insert element to parent as child

insert(document.createElement('textarea'), document.body)
insert('<input />', '.content')
insert('<h1>{title}</h1>', { title: 'hello' }, '.content')

replace(parent, target, replacement)

replace target with replacement

replace(document.body, document.body.firstChild, document.createElement('textarea'))
replace('body .content', '.content ul', '<h1>hello</h1>')
replace('body .content', '.content ul', '<h1>{msg}</h1>', { msg: 'hello!' })

remove(element)

remove element

remove(document.body.firstChild)
remove('body .content')

remove(parent, child)

remove child

remove(document.body.firstChild, 'h1')
Something went wrong with that request. Please try again.