<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Название документа</title>
</head>
<body>
<ul id="list1">
<li>Кофе</li>
<li>Чай</li>
<li>Кола</li>
<li>Виски</li>
<li>Коньяк</li></ul>
<ul id="list2"><li>Вода</li><li id="item2">Молоко</li></ul>
<p>Нажмите кнопку, чтобы переместить последний элемент списка</p>
<button onclick="foo()">Переместить</button>
<script>
var i = 1;
function foo() {
var elem = document.getElementById("list2").elem[2];
parent.replaceChild("Водка",elem[2])
}
</script>
</body>
</html>
Что-то не заменяется