Hadi bir sayfada <div> üç unsur var. Nasıl birinci ve üçüncü <div> pozisyonları takas edebilir miyim? bir WordPress kullanmak iyidir.

Böyle önemsiz bir iş için bir kütüphane kullanmaya gerek yok

var divs = document.getElementsByTagName("div");   // order: first, second, third
divs[2].parentNode.insertBefore(divs[2], divs[0]); // order: third, first, second
divs[2].parentNode.insertBefore(divs[2], divs[1]); // order: third, second, third

Bu getElementsByTagName otomatik olarak manipüle olduğu gibi DOM elemanlarının sırasını yansıtmak için güncellenen canlı bir NodeList döndüren gerçeğini dikkate alır.

Ayrıca kullanabilirsiniz:

var divs = document.getElementsByTagName("div");   // order: first, second, third
divs[0].parentNode.appendChild(divs[0]);           // order: second, third, first
divs[1].parentNode.insertBefore(divs[0], divs[1]); // order: third, second, third

ve eğer deneme gibi hissediyorum diğer olası çeşitli permütasyon vardır:

divs[0].parentNode.appendChild(divs[0].parentNode.replaceChild(divs[2], divs[0]));

örneğin :-)