LINUX.ORG.RU

Javascript перемещение dom элементов

 ,


0

1

Здравствуйте, как поменять элементы местами?

например имеем

<div id="_1"></div>
<div id="_2"></div>
<div id="_3"></div>
<div id="_4"></div>
<div id="_5"></div>
<div id="_6"></div>
<div id="_7"></div>

как с помощью чистого javascript сменить порядок например на

<div id="_1"></div>
<div id="_2"></div>
<div id="_5"></div>
<div id="_4"></div>
<div id="_3"></div>
<div id="_6"></div>
<div id="_7"></div>



Последнее исправление: jessgt (всего исправлений: 1)

Вроде бы можно только удалить и создать по новой DOM-элемент.

А вообще, ты бы хоть написал, что за технологии используешь.

Deleted
()
Ответ на: комментарий от Deleted

можно только удалить и создать по новой DOM-элемент

4.2, prependChild.

ты бы хоть написал, что за технологии используешь

Читать не умеешь?

с помощью чистого javascript

bodqhrohro_promo
()

appendChild, cloneNode, replaceChild

anonymous
()
<div id="parent">
    <div id="_1"></div>
    <div id="_2"></div>
    <div id="_3"></div>
    <div id="_4"></div>
    <div id="_5"></div>
    <div id="_6"></div>
    <div id="_7"></div>
</div>
<script>
var parent = document.getElementById("parent");
var d1 = document.getElementById("_1").cloneNode();
var d2 = document.getElementById("_2").cloneNode();
var d3 = document.getElementById("_3").cloneNode();
var d4 = document.getElementById("_4").cloneNode();
var d5 = document.getElementById("_5").cloneNode();
var d6 = document.getElementById("_6").cloneNode();
var d7 = document.getElementById("_7").cloneNode();
parent.innerHTML = "";
parent.appendChild(d1);
parent.appendChild(d2);
parent.appendChild(d5);
parent.appendChild(d4);
parent.appendChild(d3);
parent.appendChild(d6);
parent.appendChild(d7);
</script>
r0ck3r ★★★★★
()
Ответ на: комментарий от Vit

Почему jQuery в браузер не встроили до сих пор?

anonymous
()
Ответ на: комментарий от jessgt

Не поняла

пруф в студию, ну ты знаешь какой ;)

anonymous
()

В некоторых случаях подходит order из чистого css.

ddidwyll ★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.