insert

DOM insertion library

Example

``
var insert = require("../index")
, prepend = insert.prepend
, append = insert.append
, after = insert.after
, before = insert.before
, remove = insert.remove
, replace = insert.replace
, list = document.getElementById("list")
, textList = document.getElementById("textList")

// remove
var removed = list.children[0]
, removedText = textList.childNodes[0]
, br = textList.childNodes[1]

remove(removed)
remove(removedText, br)

// replace
var replaced = list.children[0]
, replacedText = textList.childNodes[0]

replace(replaced, createLi("one"), createLi("two"))
replace(replacedText, "one", "two")

// prepend
prepend(list, createLi("three"), createLi("four"))
prepend(textList, "three", "four")

// append
append(list, createLi("seven"), createLi("ten"))
append(textList, "seven", "ten")


var anchor = list.children[2] // five
, textAnchor = textList.childNodes[2] // five

// after
after(anchor, createLi("eight"), createLi("nine"))
after(textAnchor, "eight", "nine")

// before
before(anchor, createLi("five"), createLi("six"))
before(textAnchor, "five", "six")

function createLi(text, elem) {
var li = document.createElement("li" || elem)
li.textContent = text
return li
}
`

Installation

npm install insert`

Contributors

- Raynos

MIT Licenced