JavaScript DHTML/Node Operation/firstChild

Материал из Web эксперт
Перейти к: навигация, поиск

"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>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Node_Operation/firstChild&oldid=3327»