JavaScript DHTML/Node Operation/firstChild — различия между версиями

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

Текущая версия на 07:25, 26 мая 2010

"firstChild" Example

    
<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>
<ul id="myL"><li>First List Item</li><li>Second List Item</li></ul>
</form>
</body>
</html>
Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Node_Operation/firstChild&oldid=3327»