Re: Przeniesienie elementów

Article View: pl.comp.lang.javascript

Article #50304

Back to pl.comp.lang.javascript Previous Next

#50304

From: Peter May
Date: Wed, 29 Sep 2010 22:25

32 lines
1702 bytes

W dniu 2010-09-29 22:36, nintendo pisze:
> Witam,
> dla skryptowców pewno banalne pytanie.
> Mamy kod:
>
> <div id="jeden">pierwszy div</div>
> <div id="dwa">drugi div</div>
> <div id="trzy">trzeci div</div>
>
> Jakimi poleceniami mogę przenieść miejscami divy jeden i dwa, aby po
> przeniesieniu HTML wyglądał:
>
> <div id="dwa">drugi div</div>
> <div id="jeden">pierwszy div</div>
> <div id="trzy">trzeci div</div>

Spróbuj tak:

var swapNode = function(element1, element2)
{
  var nextElm = element1.nextSibling;
  var parentElm = element1.parentNode;
  element2.parentNode.replaceChild(element1, element2);
  parentElm.insertBefore(element2, nextElm);
}

var e1 = document.getElementById("jeden");
var e2 = document.getElementById("dwa");
swapNode(e1, e2);

-- 
Peter

Technical Details

Message-ID: <i80eci$pse$1@news.onet.pl>

Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!not-for-mail

References: <i8080a$5nj$1@node1.news.atman.pl>

Show Full Headers

Complete Article Headers

Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.rmf.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!not-for-mail
From: Peter May <peter.may@onet.pl>
Newsgroups: pl.comp.lang.javascript
Subject: Re: Przeniesienie elementów
Date: Thu, 30 Sep 2010 00:25:10 +0200
Organization: http://onet.pl
Lines: 32
Message-ID: <i80eci$pse$1@news.onet.pl>
References: <i8080a$5nj$1@node1.news.atman.pl>
NNTP-Posting-Host: 178.182.47.154.nat.umts.dynamic.eranet.pl
Mime-Version: 1.0
X-Trace: news.onet.pl 1285799124 26510 178.182.47.154 (29 Sep 2010 22:25:24 GMT)
X-Complaints-To: niusy@onet.pl
NNTP-Posting-Date: Wed, 29 Sep 2010 22:25:24 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.2.9) Gecko/20100915 Lightning/1.0b2 Thunderbird/3.1.4
In-Reply-To: <i8080a$5nj$1@node1.news.atman.pl>
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reply to Parent Message