/*
JavaScript Bible, Fourth Edition
by Danny Goodman
John Wiley & Sons CopyRight 2001
*/
firstChild and lastChild Properties
// helper function for prepend() and append()
function makeNewLI(txt) {
var newItem = document.createElement("LI")
newItem.innerHTML = txt
return newItem
}
function prepend(form) {
var newItem = makeNewLI(form.input.value)
var firstLI = document.getElementById("myList").firstChild
document.getElementById("myList").insertBefore(newItem, firstLI)
}
function append(form) {
var newItem = makeNewLI(form.input.value)
var lastLI = document.getElementById("myList").lastChild
document.getElementById("myList").appendChild(newItem)
}
function replaceFirst(form) {
var newItem = makeNewLI(form.input.value)
var firstLI = document.getElementById("myList").firstChild
document.getElementById("myList").replaceChild(newItem, firstLI)
}
function replaceLast(form) {
var newItem = makeNewLI(form.input.value)
var lastLI = document.getElementById("myList").lastChild
document.getElementById("myList").replaceChild(newItem, lastLI)
}
firstChild and lastChild Property Lab
Initial Item 1
Initial Item 2
Initial Item 3
Initial Item 4