insert
v1.0.1
Published
DOM insertion library
Downloads
105
Readme
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