Форум

Slawaq · #1 (**permalink**) 16.08.2010, 22:24

короче есть узел, ну или родительский блок в котором например еННое количество дочерних тегов типа <p id='msN'></p> ну место N число и все они идут по порядку типа

<p id='ms1'></p>
<p id='ms2'></p>
<p id='ms3'></p>
<p id='ms4'></p>
<p id='ms5'></p>

их может быть разное количество, но как их в другой последовательности расположить(в обратном порядке, 5,4,3,2,1) через DOM?

inGray · #2 (**permalink**) 16.08.2010, 23:21

Через цикл?
Клонировать i-тый элемент и аппендить его к родителю, а затем удалять i-тый, уменьшая i?

Slawaq · #3 (**permalink**) 16.08.2010, 23:27

та уже можно забыть, я просто в пхп коде, цикл вывода этих узлов наоборот поставил(чтобы отсчитывал)

inGray · #4 (**permalink**) 16.08.2010, 23:34

Тоже вариант) Если допустима перезагрузка страницы)

Slawaq · #5 (**permalink**) 16.08.2010, 23:55

нет аякс всё решает)

Gvozd · #6 (**permalink**) 17.08.2010, 00:06

Сообщение от Slawaq

нет аякс всё решает)

убил бы за такое

Slawaq · #7 (**permalink**) 17.08.2010, 00:07

не буду мешать

Gvozd · #8 (**permalink**) 17.08.2010, 00:27

Slawaq,
то есть вы не видите всей глупости и абсурдности решения через аякс?

рони · #9 (**permalink**) 17.08.2010, 04:19

просто для примера )))

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
</head>
<body>
<div  id="test" onclick="children_reverse(this)" style="background-color: #FF0000; color: #FFFFFF" >кликни
<p id='ms1'>1</p>
<p id='ms2'>2</p>
<p id='ms3'>3</p>
<p id='ms4'>4</p>
<p id='ms5'>5</p>
</div>
<script language="JavaScript" type="text/javascript">
function children_reverse(node) {
    node = typeof node == "string" ? document.getElementById(node) : node;
    var children = node.children
    var fragment = document.createDocumentFragment()
    for (var i = children.length - 1; i >= 0; i--) {
        fragment.appendChild(children[i])
    }
    node.appendChild(fragment)
}
</script>

</body>
</html>

inGray · #10 (**permalink**) 17.08.2010, 09:18

Практически готовый код для вопрошавшего ) Осталось немного головы приложить)

Форум

Справочник

Discord чат

Курсы javascript