JavaScript DHTML/Node Operation/firstChild
"firstChild" Example
<source lang="html4strict">
<html> <body> <script language="JavaScript"> function newElem(myT) {
var newI = document.createElement("LI"); newI.innerHTML = myT; return newI;
} function function1(form) {
var newI = newElem(form.enter.value); var fLi = document.getElementById("myL").firstChild; document.getElementById("myL").replaceChild(newI, fLi);
} function function2(form) {
var newI = newElem(form.enter.value); var fLi = document.getElementById("myL").lastChild; document.getElementById("myL").replaceChild(newI, fLi);
} </script> <form> <input type="text" name="enter" size="50"> <button onClick="function1(this.form);"> Replace first item</button> <button onClick="function2(this.form);"> Replace last item</button>
- First List Item
- Second List Item
</form> </body> </html>
</source>